#D6A7FF - #FFECF5 | 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 #D6A7FF to #FFECF5

#D6A7FF #FFECF5

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

#D6A7FF - #FFECF5 | 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 #D6A7FF as 0% and #FFECF5 as 100%.

0.0%	0.0% #D6A7FF	RGB 214 167 255	#D6A7FF
16.7%	16.7% #DCB2FD	RGB 220 178 253	#DCB2FD
33.3%	33.3% #E3BEFB	RGB 227 190 251	#E3BEFB
50.0%	50.0% #EAC9FA	RGB 234 201 250	#EAC9FA
66.7%	66.7% #F1D5F8	RGB 241 213 248	#F1D5F8
83.3%	83.3% #F8E0F6	RGB 248 224 246	#F8E0F6
100.0%	100.0% #FFECF5	RGB 255 236 245	#FFECF5

#D6A7FF #DCB2FD #E3BEFB #EAC9FA #F1D5F8 #F8E0F6 #FFECF5

#D6A7FF - #FFECF5

HSV Blend

#D6A7FF - #FFECF5 | 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 #D6A7FF as 0% and #FFECF5 as 100%.

0.0%	0.0% #D6A7FF	RGB 214 167 255	#D6A7FF
16.7%	16.7% #E8B2FF	RGB 232 178 255	#E8B2FF
33.3%	33.3% #F6BEFF	RGB 246 190 255	#F6BEFF
50.0%	50.0% #FFC9FD	RGB 255 201 253	#FFC9FD
66.7%	66.7% #FFD5F6	RGB 255 213 246	#FFD5F6
83.3%	83.3% #FFE0F3	RGB 255 224 243	#FFE0F3
100.0%	100.0% #FFECF5	RGB 255 236 245	#FFECF5

#D6A7FF #E8B2FF #F6BEFF #FFC9FD #FFD5F6 #FFE0F3 #FFECF5

#D6A7FF - #FFC9FD - #FFECF5

CSS codes

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

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