#415B5A - #C8D0CF | 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 #415B5A to #C8D0CF

#415B5A #C8D0CF

Calculate the color between two colors, #415B5A and #C8D0CF. 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)

#415B5A - #C8D0CF | 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 #415B5A as 0% and #C8D0CF as 100%.

0.0%	0.0% #415B5A	RGB 65 91 90	#415B5A
16.7%	16.7% #576E6D	RGB 87 110 109	#576E6D
33.3%	33.3% #6E8281	RGB 110 130 129	#6E8281
50.0%	50.0% #849594	RGB 132 149 148	#849594
66.7%	66.7% #9BA9A8	RGB 155 169 168	#9BA9A8
83.3%	83.3% #B1BCBB	RGB 177 188 187	#B1BCBB
100.0%	100.0% #C8D0CF	RGB 200 208 207	#C8D0CF

#415B5A #576E6D #6E8281 #849594 #9BA9A8 #B1BCBB #C8D0CF

#415B5A - #C8D0CF

HSV Blend

#415B5A - #C8D0CF | 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 #415B5A as 0% and #C8D0CF as 100%.

0.0%	0.0% #415B5A	RGB 65 91 90	#415B5A
16.7%	16.7% #536E6D	RGB 83 110 109	#536E6D
33.3%	33.3% #678280	RGB 103 130 128	#678280
50.0%	50.0% #7D9593	RGB 125 149 147	#7D9593
66.7%	66.7% #94A9A7	RGB 148 169 167	#94A9A7
83.3%	83.3% #ADBCBA	RGB 173 188 186	#ADBCBA
100.0%	100.0% #C8D0CF	RGB 200 208 207	#C8D0CF

#415B5A #536E6D #678280 #7D9593 #94A9A7 #ADBCBA #C8D0CF

#415B5A - #7D9593 - #C8D0CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #415B5A 0%, #7D9593 50%, #C8D0CF 100%);
    background: -webkit-linear-gradient(top, #415B5A 0%, #7D9593 50%, #C8D0CF 100%);
    background: linear-gradient(to bottom, #415B5A 0%, #7D9593 50%, #C8D0CF 100%);
}
</style>