#D0D1C8 - #CFE2FF | 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 #D0D1C8 to #CFE2FF

#D0D1C8 #CFE2FF

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

#D0D1C8 - #CFE2FF | 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 #D0D1C8 as 0% and #CFE2FF as 100%.

0.0%	0.0% #D0D1C8	RGB 208 209 200	#D0D1C8
16.7%	16.7% #CFD3D1	RGB 207 211 209	#CFD3D1
33.3%	33.3% #CFD6DA	RGB 207 214 218	#CFD6DA
50.0%	50.0% #CFD9E3	RGB 207 217 227	#CFD9E3
66.7%	66.7% #CFDCEC	RGB 207 220 236	#CFDCEC
83.3%	83.3% #CFDFF5	RGB 207 223 245	#CFDFF5
100.0%	100.0% #CFE2FF	RGB 207 226 255	#CFE2FF

#D0D1C8 #CFD3D1 #CFD6DA #CFD9E3 #CFDCEC #CFDFF5 #CFE2FF

#D0D1C8 - #CFE2FF

HSV Blend

#D0D1C8 - #CFE2FF | 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 #D0D1C8 as 0% and #CFE2FF as 100%.

0.0%	0.0% #D0D1C8	RGB 208 209 200	#D0D1C8
16.7%	16.7% #D0D8CA	RGB 208 216 202	#D0D8CA
33.3%	33.3% #CDE0CB	RGB 205 224 203	#CDE0CB
50.0%	50.0% #CDE8D6	RGB 205 232 214	#CDE8D6
66.7%	66.7% #CEEFE8	RGB 206 239 232	#CEEFE8
83.3%	83.3% #CEEFF7	RGB 206 239 247	#CEEFF7
100.0%	100.0% #CFE2FF	RGB 207 226 255	#CFE2FF

#D0D1C8 #D0D8CA #CDE0CB #CDE8D6 #CEEFE8 #CEEFF7 #CFE2FF

#D0D1C8 - #CDE8D6 - #CFE2FF

CSS codes

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

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