#3485A8 - #006177 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #3485A8 to #006177

#3485A8 #006177

Calculate the color between two colors, #3485A8 and #006177. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#3485A8 - #006177 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #3485A8 as 0% and #006177 as 100%.

0.0%	0.0% #3485A8	RGB 52 133 168	#3485A8
16.7%	16.7% #2B7F9F	RGB 43 127 159	#2B7F9F
33.3%	33.3% #227997	RGB 34 121 151	#227997
50.0%	50.0% #1A738F	RGB 26 115 143	#1A738F
66.7%	66.7% #116D87	RGB 17 109 135	#116D87
83.3%	83.3% #08677F	RGB 8 103 127	#08677F
100.0%	100.0% #006177	RGB 0 97 119	#006177

#3485A8 #2B7F9F #227997 #1A738F #116D87 #08677F #006177

#3485A8 - #006177

HSV Blend

#3485A8 - #006177 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #3485A8 as 0% and #006177 as 100%.

0.0%	0.0% #3484A8	RGB 52 132 168	#3484A8
16.7%	16.7% #297E9F	RGB 41 126 159	#297E9F
33.3%	33.3% #1F7897	RGB 31 120 151	#1F7897
50.0%	50.0% #16718F	RGB 22 113 143	#16718F
66.7%	66.7% #0D6C87	RGB 13 108 135	#0D6C87
83.3%	83.3% #06667F	RGB 6 102 127	#06667F
100.0%	100.0% #006177	RGB 0 97 119	#006177

#3484A8 #297E9F #1F7897 #16718F #0D6C87 #06667F #006177

#3485A8 - #16718F - #006177

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #3485A8 0%, #006177 100%);
    background: -webkit-linear-gradient(top, #3485A8 0%, #006177 100%);
    background: linear-gradient(to bottom, #3485A8 0%, #006177 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3484A8 0%, #16718F 50%, #006177 100%);
    background: -webkit-linear-gradient(top, #3484A8 0%, #16718F 50%, #006177 100%);
    background: linear-gradient(to bottom, #3484A8 0%, #16718F 50%, #006177 100%);
}
</style>