#D1E2D4 - #F0DCFF | 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 #D1E2D4 to #F0DCFF

#D1E2D4 #F0DCFF

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

#D1E2D4 - #F0DCFF | 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 #D1E2D4 as 0% and #F0DCFF as 100%.

0.0%	0.0% #D1E2D4	RGB 209 226 212	#D1E2D4
16.7%	16.7% #D6E1DB	RGB 214 225 219	#D6E1DB
33.3%	33.3% #DBE0E2	RGB 219 224 226	#DBE0E2
50.0%	50.0% #E0DFE9	RGB 224 223 233	#E0DFE9
66.7%	66.7% #E5DEF0	RGB 229 222 240	#E5DEF0
83.3%	83.3% #EADDF7	RGB 234 221 247	#EADDF7
100.0%	100.0% #F0DCFF	RGB 240 220 255	#F0DCFF

#D1E2D4 #D6E1DB #DBE0E2 #E0DFE9 #E5DEF0 #EADDF7 #F0DCFF

#D1E2D4 - #F0DCFF

HSV Blend

#D1E2D4 - #F0DCFF | 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 #D1E2D4 as 0% and #F0DCFF as 100%.

0.0%	0.0% #D1E2D4	RGB 209 226 212	#D1E2D4
16.7%	16.7% #D3E6DE	RGB 211 230 222	#D3E6DE
33.3%	33.3% #D5EBEB	RGB 213 235 235	#D5EBEB
50.0%	50.0% #D6E6F0	RGB 214 230 240	#D6E6F0
66.7%	66.7% #D8DFF5	RGB 216 223 245	#D8DFF5
83.3%	83.3% #DFDAFA	RGB 223 218 250	#DFDAFA
100.0%	100.0% #F0DCFF	RGB 240 220 255	#F0DCFF

#D1E2D4 #D3E6DE #D5EBEB #D6E6F0 #D8DFF5 #DFDAFA #F0DCFF

#D1E2D4 - #D6E6F0 - #F0DCFF

CSS codes

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

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