#D6C2FF - #D4E7E5 | 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 #D6C2FF to #D4E7E5

#D6C2FF #D4E7E5

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

#D6C2FF - #D4E7E5 | 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 #D6C2FF as 0% and #D4E7E5 as 100%.

0.0%	0.0% #D6C2FF	RGB 214 194 255	#D6C2FF
16.7%	16.7% #D5C8FA	RGB 213 200 250	#D5C8FA
33.3%	33.3% #D5CEF6	RGB 213 206 246	#D5CEF6
50.0%	50.0% #D5D4F2	RGB 213 212 242	#D5D4F2
66.7%	66.7% #D4DAED	RGB 212 218 237	#D4DAED
83.3%	83.3% #D4E0E9	RGB 212 224 233	#D4E0E9
100.0%	100.0% #D4E7E5	RGB 212 231 229	#D4E7E5

#D6C2FF #D5C8FA #D5CEF6 #D5D4F2 #D4DAED #D4E0E9 #D4E7E5

#D6C2FF - #D4E7E5

HSV Blend

#D6C2FF - #D4E7E5 | 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 #D6C2FF as 0% and #D4E7E5 as 100%.

0.0%	0.0% #D6C2FF	RGB 214 194 255	#D6C2FF
16.7%	16.7% #CAC5FB	RGB 202 197 251	#CAC5FB
33.3%	33.3% #C8CFF7	RGB 200 207 247	#C8CFF7
50.0%	50.0% #CBDBF3	RGB 203 219 243	#CBDBF3
66.7%	66.7% #CEE3EF	RGB 206 227 239	#CEE3EF
83.3%	83.3% #D1E7EB	RGB 209 231 235	#D1E7EB
100.0%	100.0% #D4E7E5	RGB 212 231 229	#D4E7E5

#D6C2FF #CAC5FB #C8CFF7 #CBDBF3 #CEE3EF #D1E7EB #D4E7E5

#D6C2FF - #CBDBF3 - #D4E7E5

CSS codes

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

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