#5A8BA6 - #C8CABF | 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 #5A8BA6 to #C8CABF

#5A8BA6 #C8CABF

Calculate the color between two colors, #5A8BA6 and #C8CABF. 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)

#5A8BA6 - #C8CABF | 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 #5A8BA6 as 0% and #C8CABF as 100%.

0.0%	0.0% #5A8BA6	RGB 90 139 166	#5A8BA6
16.7%	16.7% #6C95AA	RGB 108 149 170	#6C95AA
33.3%	33.3% #7EA0AE	RGB 126 160 174	#7EA0AE
50.0%	50.0% #91AAB2	RGB 145 170 178	#91AAB2
66.7%	66.7% #A3B5B6	RGB 163 181 182	#A3B5B6
83.3%	83.3% #B5BFBA	RGB 181 191 186	#B5BFBA
100.0%	100.0% #C8CABF	RGB 200 202 191	#C8CABF

#5A8BA6 #6C95AA #7EA0AE #91AAB2 #A3B5B6 #B5BFBA #C8CABF

#5A8BA6 - #C8CABF

HSV Blend

#5A8BA6 - #C8CABF | 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 #5A8BA6 as 0% and #C8CABF as 100%.

0.0%	0.0% #5A8AA6	RGB 90 138 166	#5A8AA6
16.7%	16.7% #68ACAB	RGB 104 172 171	#68ACAB
33.3%	33.3% #78B29C	RGB 120 178 156	#78B29C
50.0%	50.0% #88B895	RGB 136 184 149	#88B895
66.7%	66.7% #9DBE9A	RGB 157 190 154	#9DBE9A
83.3%	83.3% #B7C4AC	RGB 183 196 172	#B7C4AC
100.0%	100.0% #C8CABF	RGB 200 202 191	#C8CABF

#5A8AA6 #68ACAB #78B29C #88B895 #9DBE9A #B7C4AC #C8CABF

#5A8BA6 - #88B895 - #C8CABF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A8AA6 0%, #88B895 50%, #C8CABF 100%);
    background: -webkit-linear-gradient(top, #5A8AA6 0%, #88B895 50%, #C8CABF 100%);
    background: linear-gradient(to bottom, #5A8AA6 0%, #88B895 50%, #C8CABF 100%);
}
</style>