#D8D9F7 - #D9E8F0 | 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 #D8D9F7 to #D9E8F0

#D8D9F7 #D9E8F0

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

#D8D9F7 - #D9E8F0 | 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 #D8D9F7 as 0% and #D9E8F0 as 100%.

0.0%	0.0% #D8D9F7	RGB 216 217 247	#D8D9F7
16.7%	16.7% #D8DBF5	RGB 216 219 245	#D8DBF5
33.3%	33.3% #D8DEF4	RGB 216 222 244	#D8DEF4
50.0%	50.0% #D8E0F3	RGB 216 224 243	#D8E0F3
66.7%	66.7% #D8E3F2	RGB 216 227 242	#D8E3F2
83.3%	83.3% #D8E5F1	RGB 216 229 241	#D8E5F1
100.0%	100.0% #D9E8F0	RGB 217 232 240	#D9E8F0

#D8D9F7 #D8DBF5 #D8DEF4 #D8E0F3 #D8E3F2 #D8E5F1 #D9E8F0

#D8D9F7 - #D9E8F0

HSV Blend

#D8D9F7 - #D9E8F0 | 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 #D8D9F7 as 0% and #D9E8F0 as 100%.

0.0%	0.0% #D8D9F7	RGB 216 217 247	#D8D9F7
16.7%	16.7% #D8DCF5	RGB 216 220 245	#D8DCF5
33.3%	33.3% #D8DFF4	RGB 216 223 244	#D8DFF4
50.0%	50.0% #D8E1F3	RGB 216 225 243	#D8E1F3
66.7%	66.7% #D8E4F2	RGB 216 228 242	#D8E4F2
83.3%	83.3% #D8E6F1	RGB 216 230 241	#D8E6F1
100.0%	100.0% #D9E8F0	RGB 217 232 240	#D9E8F0

#D8D9F7 #D8DCF5 #D8DFF4 #D8E1F3 #D8E4F2 #D8E6F1 #D9E8F0

#D8D9F7 - #D8E1F3 - #D9E8F0

CSS codes

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

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