#DF8FC8 - #AF217D | 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 #DF8FC8 to #AF217D

#DF8FC8 #AF217D

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

#DF8FC8 - #AF217D | 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 #DF8FC8 as 0% and #AF217D as 100%.

0.0%	0.0% #DF8FC8	RGB 223 143 200	#DF8FC8
16.7%	16.7% #D77CBB	RGB 215 124 187	#D77CBB
33.3%	33.3% #CF6AAF	RGB 207 106 175	#CF6AAF
50.0%	50.0% #C758A2	RGB 199 88 162	#C758A2
66.7%	66.7% #BF4596	RGB 191 69 150	#BF4596
83.3%	83.3% #B73389	RGB 183 51 137	#B73389
100.0%	100.0% #AF217D	RGB 175 33 125	#AF217D

#DF8FC8 #D77CBB #CF6AAF #C758A2 #BF4596 #B73389 #AF217D

#DF8FC8 - #AF217D

HSV Blend

#DF8FC8 - #AF217D | 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 #DF8FC8 as 0% and #AF217D as 100%.

0.0%	0.0% #DF8FC8	RGB 223 143 200	#DF8FC8
16.7%	16.7% #D779BB	RGB 215 121 187	#D779BB
33.3%	33.3% #CF65AE	RGB 207 101 174	#CF65AE
50.0%	50.0% #C752A1	RGB 199 82 161	#C752A1
66.7%	66.7% #BF4095	RGB 191 64 149	#BF4095
83.3%	83.3% #B73089	RGB 183 48 137	#B73089
100.0%	100.0% #AF217D	RGB 175 33 125	#AF217D

#DF8FC8 #D779BB #CF65AE #C752A1 #BF4095 #B73089 #AF217D

#DF8FC8 - #C752A1 - #AF217D

CSS codes

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

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