#DF6BAD - #A2065F | 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 #DF6BAD to #A2065F

#DF6BAD #A2065F

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

#DF6BAD - #A2065F | 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 #DF6BAD as 0% and #A2065F as 100%.

0.0%	0.0% #DF6BAD	RGB 223 107 173	#DF6BAD
16.7%	16.7% #D45AA0	RGB 212 90 160	#D45AA0
33.3%	33.3% #CA4993	RGB 202 73 147	#CA4993
50.0%	50.0% #C03886	RGB 192 56 134	#C03886
66.7%	66.7% #B62779	RGB 182 39 121	#B62779
83.3%	83.3% #AC166C	RGB 172 22 108	#AC166C
100.0%	100.0% #A2065F	RGB 162 6 95	#A2065F

#DF6BAD #D45AA0 #CA4993 #C03886 #B62779 #AC166C #A2065F

#DF6BAD - #A2065F

HSV Blend

#DF6BAD - #A2065F | 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 #DF6BAD as 0% and #A2065F as 100%.

0.0%	0.0% #DF6BAD	RGB 223 107 173	#DF6BAD
16.7%	16.7% #D4569E	RGB 212 86 158	#D4569E
33.3%	33.3% #CA4390	RGB 202 67 144	#CA4390
50.0%	50.0% #C03183	RGB 192 49 131	#C03183
66.7%	66.7% #B62176	RGB 182 33 118	#B62176
83.3%	83.3% #AC136A	RGB 172 19 106	#AC136A
100.0%	100.0% #A2065F	RGB 162 6 95	#A2065F

#DF6BAD #D4569E #CA4390 #C03183 #B62176 #AC136A #A2065F

#DF6BAD - #C03183 - #A2065F

CSS codes

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

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