#C8D2D9 - #74859D | 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 #C8D2D9 to #74859D

#C8D2D9 #74859D

Calculate the color between two colors, #C8D2D9 and #74859D. 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)

#C8D2D9 - #74859D | 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 #C8D2D9 as 0% and #74859D as 100%.

0.0%	0.0% #C8D2D9	RGB 200 210 217	#C8D2D9
16.7%	16.7% #BAC5CF	RGB 186 197 207	#BAC5CF
33.3%	33.3% #ACB8C5	RGB 172 184 197	#ACB8C5
50.0%	50.0% #9EABBB	RGB 158 171 187	#9EABBB
66.7%	66.7% #909EB1	RGB 144 158 177	#909EB1
83.3%	83.3% #8291A7	RGB 130 145 167	#8291A7
100.0%	100.0% #74859D	RGB 116 133 157	#74859D

#C8D2D9 #BAC5CF #ACB8C5 #9EABBB #909EB1 #8291A7 #74859D

#C8D2D9 - #74859D

HSV Blend

#C8D2D9 - #74859D | 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 #C8D2D9 as 0% and #74859D as 100%.

0.0%	0.0% #C8D2D9	RGB 200 210 217	#C8D2D9
16.7%	16.7% #B8C5CF	RGB 184 197 207	#B8C5CF
33.3%	33.3% #A9B8C5	RGB 169 184 197	#A9B8C5
50.0%	50.0% #9BABBB	RGB 155 171 187	#9BABBB
66.7%	66.7% #8D9EB1	RGB 141 158 177	#8D9EB1
83.3%	83.3% #8091A7	RGB 128 145 167	#8091A7
100.0%	100.0% #74859D	RGB 116 133 157	#74859D

#C8D2D9 #B8C5CF #A9B8C5 #9BABBB #8D9EB1 #8091A7 #74859D

#C8D2D9 - #9BABBB - #74859D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8D2D9 0%, #9BABBB 50%, #74859D 100%);
    background: -webkit-linear-gradient(top, #C8D2D9 0%, #9BABBB 50%, #74859D 100%);
    background: linear-gradient(to bottom, #C8D2D9 0%, #9BABBB 50%, #74859D 100%);
}
</style>