#D8C2F3 - #AC6FD7 | 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 #D8C2F3 to #AC6FD7

#D8C2F3 #AC6FD7

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

#D8C2F3 - #AC6FD7 | 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 #D8C2F3 as 0% and #AC6FD7 as 100%.

0.0%	0.0% #D8C2F3	RGB 216 194 243	#D8C2F3
16.7%	16.7% #D0B4EE	RGB 208 180 238	#D0B4EE
33.3%	33.3% #C9A6E9	RGB 201 166 233	#C9A6E9
50.0%	50.0% #C298E5	RGB 194 152 229	#C298E5
66.7%	66.7% #BA8AE0	RGB 186 138 224	#BA8AE0
83.3%	83.3% #B37CDB	RGB 179 124 219	#B37CDB
100.0%	100.0% #AC6FD7	RGB 172 111 215	#AC6FD7

#D8C2F3 #D0B4EE #C9A6E9 #C298E5 #BA8AE0 #B37CDB #AC6FD7

#D8C2F3 - #AC6FD7

HSV Blend

#D8C2F3 - #AC6FD7 | 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 #D8C2F3 as 0% and #AC6FD7 as 100%.

0.0%	0.0% #D8C2F3	RGB 216 194 243	#D8C2F3
16.7%	16.7% #CFB3EE	RGB 207 179 238	#CFB3EE
33.3%	33.3% #C6A4E9	RGB 198 164 233	#C6A4E9
50.0%	50.0% #BF96E5	RGB 191 150 229	#BF96E5
66.7%	66.7% #B888E0	RGB 184 136 224	#B888E0
83.3%	83.3% #B17BDB	RGB 177 123 219	#B17BDB
100.0%	100.0% #AC6FD7	RGB 172 111 215	#AC6FD7

#D8C2F3 #CFB3EE #C6A4E9 #BF96E5 #B888E0 #B17BDB #AC6FD7

#D8C2F3 - #BF96E5 - #AC6FD7

CSS codes

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

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