#D5D5FF - #D5E8F5 | 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 #D5D5FF to #D5E8F5

#D5D5FF #D5E8F5

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

#D5D5FF - #D5E8F5 | 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 #D5D5FF as 0% and #D5E8F5 as 100%.

0.0%	0.0% #D5D5FF	RGB 213 213 255	#D5D5FF
16.7%	16.7% #D5D8FD	RGB 213 216 253	#D5D8FD
33.3%	33.3% #D5DBFB	RGB 213 219 251	#D5DBFB
50.0%	50.0% #D5DEFA	RGB 213 222 250	#D5DEFA
66.7%	66.7% #D5E1F8	RGB 213 225 248	#D5E1F8
83.3%	83.3% #D5E4F6	RGB 213 228 246	#D5E4F6
100.0%	100.0% #D5E8F5	RGB 213 232 245	#D5E8F5

#D5D5FF #D5D8FD #D5DBFB #D5DEFA #D5E1F8 #D5E4F6 #D5E8F5

#D5D5FF - #D5E8F5

HSV Blend

#D5D5FF - #D5E8F5 | 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 #D5D5FF as 0% and #D5E8F5 as 100%.

0.0%	0.0% #D5D5FF	RGB 213 213 255	#D5D5FF
16.7%	16.7% #D5D9FD	RGB 213 217 253	#D5D9FD
33.3%	33.3% #D5DCFB	RGB 213 220 251	#D5DCFB
50.0%	50.0% #D5E0FA	RGB 213 224 250	#D5E0FA
66.7%	66.7% #D5E3F8	RGB 213 227 248	#D5E3F8
83.3%	83.3% #D5E5F6	RGB 213 229 246	#D5E5F6
100.0%	100.0% #D5E8F5	RGB 213 232 245	#D5E8F5

#D5D5FF #D5D9FD #D5DCFB #D5E0FA #D5E3F8 #D5E5F6 #D5E8F5

#D5D5FF - #D5E0FA - #D5E8F5

CSS codes

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

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