Jump to content

Color Differences in Browser

Recommended Posts

In comparing three browsers (Safari 12.1.1, Chrome 75.0.3770, and FireFox 67.0.2) accessing the same page I am noticing that the colors are not rendering uniformly. Any suggestions?

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3949ab+25,05336b+100 */
	background: #05336B; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #05336B 100%, #3949ab 25%); /* FF3.6-15 */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%,  color-stop(100%,#05336b), color-stop(25%,#3949ab)); /* Chrome4-9,Safari4-5 */
	background: -webkit-radial-gradient(center, ellipse cover, #05336B 100%, #3949ab 25%); /* Chrome10-25,Safari5.1-6 */
	background: -o-radial-gradient(center, ellipse cover,  #05336B 100%, #3949ab 25%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #05336B 100%, #3949ab 25%); /* IE10 preview */
	background: radial-gradient(ellipse at center,  #05336B 100%, #3949ab 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05336b', endColorstr='#3949ab',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...