#DFC2E7 - #AF6DB2 | 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 #DFC2E7 to #AF6DB2

#DFC2E7 #AF6DB2

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

#DFC2E7 - #AF6DB2 | 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 #DFC2E7 as 0% and #AF6DB2 as 100%.

0.0%	0.0% #DFC2E7	RGB 223 194 231	#DFC2E7
16.7%	16.7% #D7B3DE	RGB 215 179 222	#D7B3DE
33.3%	33.3% #CFA5D5	RGB 207 165 213	#CFA5D5
50.0%	50.0% #C797CC	RGB 199 151 204	#C797CC
66.7%	66.7% #BF89C3	RGB 191 137 195	#BF89C3
83.3%	83.3% #B77BBA	RGB 183 123 186	#B77BBA
100.0%	100.0% #AF6DB2	RGB 175 109 178	#AF6DB2

#DFC2E7 #D7B3DE #CFA5D5 #C797CC #BF89C3 #B77BBA #AF6DB2

#DFC2E7 - #AF6DB2

HSV Blend

#DFC2E7 - #AF6DB2 | 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 #DFC2E7 as 0% and #AF6DB2 as 100%.

0.0%	0.0% #DFC2E7	RGB 223 194 231	#DFC2E7
16.7%	16.7% #D5B2DE	RGB 213 178 222	#D5B2DE
33.3%	33.3% #CDA2D5	RGB 205 162 213	#CDA2D5
50.0%	50.0% #C594CC	RGB 197 148 204	#C594CC
66.7%	66.7% #BD86C3	RGB 189 134 195	#BD86C3
83.3%	83.3% #B679BA	RGB 182 121 186	#B679BA
100.0%	100.0% #AF6DB2	RGB 175 109 178	#AF6DB2

#DFC2E7 #D5B2DE #CDA2D5 #C594CC #BD86C3 #B679BA #AF6DB2

#DFC2E7 - #C594CC - #AF6DB2

CSS codes

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

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