#D5D5E5 - #C9DAE9 | 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 #D5D5E5 to #C9DAE9

#D5D5E5 #C9DAE9

Calculate the color between two colors, #D5D5E5 and #C9DAE9. 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)

#D5D5E5 - #C9DAE9 | 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 #D5D5E5 as 0% and #C9DAE9 as 100%.

0.0%	0.0% #D5D5E5	RGB 213 213 229	#D5D5E5
16.7%	16.7% #D3D5E5	RGB 211 213 229	#D3D5E5
33.3%	33.3% #D1D6E6	RGB 209 214 230	#D1D6E6
50.0%	50.0% #CFD7E7	RGB 207 215 231	#CFD7E7
66.7%	66.7% #CDD8E7	RGB 205 216 231	#CDD8E7
83.3%	83.3% #CBD9E8	RGB 203 217 232	#CBD9E8
100.0%	100.0% #C9DAE9	RGB 201 218 233	#C9DAE9

#D5D5E5 #D3D5E5 #D1D6E6 #CFD7E7 #CDD8E7 #CBD9E8 #C9DAE9

#D5D5E5 - #C9DAE9

HSV Blend

#D5D5E5 - #C9DAE9 | 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 #D5D5E5 as 0% and #C9DAE9 as 100%.

0.0%	0.0% #D5D5E5	RGB 213 213 229	#D5D5E5
16.7%	16.7% #D3D4E5	RGB 211 212 229	#D3D4E5
33.3%	33.3% #D1D4E6	RGB 209 212 230	#D1D4E6
50.0%	50.0% #CFD5E7	RGB 207 213 231	#CFD5E7
66.7%	66.7% #CDD6E7	RGB 205 214 231	#CDD6E7
83.3%	83.3% #CBD8E8	RGB 203 216 232	#CBD8E8
100.0%	100.0% #C9DAE9	RGB 201 218 233	#C9DAE9

#D5D5E5 #D3D4E5 #D1D4E6 #CFD5E7 #CDD6E7 #CBD8E8 #C9DAE9

#D5D5E5 - #CFD5E7 - #C9DAE9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D5D5E5 0%, #CFD5E7 50%, #C9DAE9 100%);
    background: -webkit-linear-gradient(top, #D5D5E5 0%, #CFD5E7 50%, #C9DAE9 100%);
    background: linear-gradient(to bottom, #D5D5E5 0%, #CFD5E7 50%, #C9DAE9 100%);
}
</style>