#D0CADF - #DCE2DF | 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 #D0CADF to #DCE2DF

#D0CADF #DCE2DF

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

#D0CADF - #DCE2DF | 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 #D0CADF as 0% and #DCE2DF as 100%.

0.0%	0.0% #D0CADF	RGB 208 202 223	#D0CADF
16.7%	16.7% #D2CEDF	RGB 210 206 223	#D2CEDF
33.3%	33.3% #D4D2DF	RGB 212 210 223	#D4D2DF
50.0%	50.0% #D6D6DF	RGB 214 214 223	#D6D6DF
66.7%	66.7% #D8DADF	RGB 216 218 223	#D8DADF
83.3%	83.3% #DADEDF	RGB 218 222 223	#DADEDF
100.0%	100.0% #DCE2DF	RGB 220 226 223	#DCE2DF

#D0CADF #D2CEDF #D4D2DF #D6D6DF #D8DADF #DADEDF #DCE2DF

#D0CADF - #DCE2DF

HSV Blend

#D0CADF - #DCE2DF | 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 #D0CADF as 0% and #DCE2DF as 100%.

0.0%	0.0% #D0CADF	RGB 208 202 223	#D0CADF
16.7%	16.7% #CCCDDF	RGB 204 205 223	#CCCDDF
33.3%	33.3% #CFD4E0	RGB 207 212 224	#CFD4E0
50.0%	50.0% #D2DBE0	RGB 210 219 224	#D2DBE0
66.7%	66.7% #D5DFE1	RGB 213 223 225	#D5DFE1
83.3%	83.3% #D8E1DF	RGB 216 225 223	#D8E1DF
100.0%	100.0% #DCE2DF	RGB 220 226 223	#DCE2DF

#D0CADF #CCCDDF #CFD4E0 #D2DBE0 #D5DFE1 #D8E1DF #DCE2DF

#D0CADF - #D2DBE0 - #DCE2DF

CSS codes

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

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