#DCDCE5 - #C8D1EB | 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 #DCDCE5 to #C8D1EB

#DCDCE5 #C8D1EB

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

#DCDCE5 - #C8D1EB | 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 #DCDCE5 as 0% and #C8D1EB as 100%.

0.0%	0.0% #DCDCE5	RGB 220 220 229	#DCDCE5
16.7%	16.7% #D8DAE6	RGB 216 218 230	#D8DAE6
33.3%	33.3% #D5D8E7	RGB 213 216 231	#D5D8E7
50.0%	50.0% #D2D6E8	RGB 210 214 232	#D2D6E8
66.7%	66.7% #CED4E9	RGB 206 212 233	#CED4E9
83.3%	83.3% #CBD2EA	RGB 203 210 234	#CBD2EA
100.0%	100.0% #C8D1EB	RGB 200 209 235	#C8D1EB

#DCDCE5 #D8DAE6 #D5D8E7 #D2D6E8 #CED4E9 #CBD2EA #C8D1EB

#DCDCE5 - #C8D1EB

HSV Blend

#DCDCE5 - #C8D1EB | 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 #DCDCE5 as 0% and #C8D1EB as 100%.

0.0%	0.0% #DCDCE5	RGB 220 220 229	#DCDCE5
16.7%	16.7% #D8D9E6	RGB 216 217 230	#D8D9E6
33.3%	33.3% #D5D6E7	RGB 213 214 231	#D5D6E7
50.0%	50.0% #D2D4E8	RGB 210 212 232	#D2D4E8
66.7%	66.7% #CED3E9	RGB 206 211 233	#CED3E9
83.3%	83.3% #CBD1EA	RGB 203 209 234	#CBD1EA
100.0%	100.0% #C8D1EB	RGB 200 209 235	#C8D1EB

#DCDCE5 #D8D9E6 #D5D6E7 #D2D4E8 #CED3E9 #CBD1EA #C8D1EB

#DCDCE5 - #D2D4E8 - #C8D1EB

CSS codes

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

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