#DF84D6 - #AF0C8F | 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 #DF84D6 to #AF0C8F

#DF84D6 #AF0C8F

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

#DF84D6 - #AF0C8F | 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 #DF84D6 as 0% and #AF0C8F as 100%.

0.0%	0.0% #DF84D6	RGB 223 132 214	#DF84D6
16.7%	16.7% #D770CA	RGB 215 112 202	#D770CA
33.3%	33.3% #CF5CBE	RGB 207 92 190	#CF5CBE
50.0%	50.0% #C748B2	RGB 199 72 178	#C748B2
66.7%	66.7% #BF34A6	RGB 191 52 166	#BF34A6
83.3%	83.3% #B7209A	RGB 183 32 154	#B7209A
100.0%	100.0% #AF0C8F	RGB 175 12 143	#AF0C8F

#DF84D6 #D770CA #CF5CBE #C748B2 #BF34A6 #B7209A #AF0C8F

#DF84D6 - #AF0C8F

HSV Blend

#DF84D6 - #AF0C8F | 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 #DF84D6 as 0% and #AF0C8F as 100%.

0.0%	0.0% #DF84D6	RGB 223 132 214	#DF84D6
16.7%	16.7% #D76CCA	RGB 215 108 202	#D76CCA
33.3%	33.3% #CF56BF	RGB 207 86 191	#CF56BF
50.0%	50.0% #C741B3	RGB 199 65 179	#C741B3
66.7%	66.7% #BF2EA7	RGB 191 46 167	#BF2EA7
83.3%	83.3% #B71C9B	RGB 183 28 155	#B71C9B
100.0%	100.0% #AF0C8F	RGB 175 12 143	#AF0C8F

#DF84D6 #D76CCA #CF56BF #C741B3 #BF2EA7 #B71C9B #AF0C8F

#DF84D6 - #C741B3 - #AF0C8F

CSS codes

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

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