#D4CEE5 - #DBE2E4 | 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 #D4CEE5 to #DBE2E4

#D4CEE5 #DBE2E4

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

#D4CEE5 - #DBE2E4 | 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 #D4CEE5 as 0% and #DBE2E4 as 100%.

0.0%	0.0% #D4CEE5	RGB 212 206 229	#D4CEE5
16.7%	16.7% #D5D1E4	RGB 213 209 228	#D5D1E4
33.3%	33.3% #D6D4E4	RGB 214 212 228	#D6D4E4
50.0%	50.0% #D7D8E4	RGB 215 216 228	#D7D8E4
66.7%	66.7% #D8DBE4	RGB 216 219 228	#D8DBE4
83.3%	83.3% #D9DEE4	RGB 217 222 228	#D9DEE4
100.0%	100.0% #DBE2E4	RGB 219 226 228	#DBE2E4

#D4CEE5 #D5D1E4 #D6D4E4 #D7D8E4 #D8DBE4 #D9DEE4 #DBE2E4

#D4CEE5 - #DBE2E4

HSV Blend

#D4CEE5 - #DBE2E4 | 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 #D4CEE5 as 0% and #DBE2E4 as 100%.

0.0%	0.0% #D4CEE5	RGB 212 206 229	#D4CEE5
16.7%	16.7% #D1D0E4	RGB 209 208 228	#D1D0E4
33.3%	33.3% #D2D3E4	RGB 210 211 228	#D2D3E4
50.0%	50.0% #D4D8E4	RGB 212 216 228	#D4D8E4
66.7%	66.7% #D6DCE4	RGB 214 220 228	#D6DCE4
83.3%	83.3% #D8DFE4	RGB 216 223 228	#D8DFE4
100.0%	100.0% #DBE2E4	RGB 219 226 228	#DBE2E4

#D4CEE5 #D1D0E4 #D2D3E4 #D4D8E4 #D6DCE4 #D8DFE4 #DBE2E4

#D4CEE5 - #D4D8E4 - #DBE2E4

CSS codes

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

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