#D2D2CF - #CEFDFF | 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 #D2D2CF to #CEFDFF

#D2D2CF #CEFDFF

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

#D2D2CF - #CEFDFF | 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 #D2D2CF as 0% and #CEFDFF as 100%.

0.0%	0.0% #D2D2CF	RGB 210 210 207	#D2D2CF
16.7%	16.7% #D1D9D7	RGB 209 217 215	#D1D9D7
33.3%	33.3% #D0E0DF	RGB 208 224 223	#D0E0DF
50.0%	50.0% #D0E7E7	RGB 208 231 231	#D0E7E7
66.7%	66.7% #CFEEEF	RGB 207 238 239	#CFEEEF
83.3%	83.3% #CEF5F7	RGB 206 245 247	#CEF5F7
100.0%	100.0% #CEFDFF	RGB 206 253 255	#CEFDFF

#D2D2CF #D1D9D7 #D0E0DF #D0E7E7 #CFEEEF #CEF5F7 #CEFDFF

#D2D2CF - #CEFDFF

HSV Blend

#D2D2CF - #CEFDFF | 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 #D2D2CF as 0% and #CEFDFF as 100%.

0.0%	0.0% #D2D2CF	RGB 210 210 207	#D2D2CF
16.7%	16.7% #D6D9CF	RGB 214 217 207	#D6D9CF
33.3%	33.3% #D5E1D0	RGB 213 225 208	#D5E1D0
50.0%	50.0% #D0E8D0	RGB 208 232 208	#D0E8D0
66.7%	66.7% #D0F0DB	RGB 208 240 219	#D0F0DB
83.3%	83.3% #CFF7EB	RGB 207 247 235	#CFF7EB
100.0%	100.0% #CEFDFF	RGB 206 253 255	#CEFDFF

#D2D2CF #D6D9CF #D5E1D0 #D0E8D0 #D0F0DB #CFF7EB #CEFDFF

#D2D2CF - #D0E8D0 - #CEFDFF

CSS codes

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

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