#DF65D3 - #A4008C | 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 #DF65D3 to #A4008C

#DF65D3 #A4008C

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

#DF65D3 - #A4008C | 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 #DF65D3 as 0% and #A4008C as 100%.

0.0%	0.0% #DF65D3	RGB 223 101 211	#DF65D3
16.7%	16.7% #D554C7	RGB 213 84 199	#D554C7
33.3%	33.3% #CB43BB	RGB 203 67 187	#CB43BB
50.0%	50.0% #C132AF	RGB 193 50 175	#C132AF
66.7%	66.7% #B721A3	RGB 183 33 163	#B721A3
83.3%	83.3% #AD1097	RGB 173 16 151	#AD1097
100.0%	100.0% #A4008C	RGB 164 0 140	#A4008C

#DF65D3 #D554C7 #CB43BB #C132AF #B721A3 #AD1097 #A4008C

#DF65D3 - #A4008C

HSV Blend

#DF65D3 - #A4008C | 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 #DF65D3 as 0% and #A4008C as 100%.

0.0%	0.0% #DF65D3	RGB 223 101 211	#DF65D3
16.7%	16.7% #D550C7	RGB 213 80 199	#D550C7
33.3%	33.3% #CB3DBB	RGB 203 61 187	#CB3DBB
50.0%	50.0% #C12BAF	RGB 193 43 175	#C12BAF
66.7%	66.7% #B71BA3	RGB 183 27 163	#B71BA3
83.3%	83.3% #AD0D97	RGB 173 13 151	#AD0D97
100.0%	100.0% #A4008C	RGB 164 0 140	#A4008C

#DF65D3 #D550C7 #CB3DBB #C12BAF #B71BA3 #AD0D97 #A4008C

#DF65D3 - #C12BAF - #A4008C

CSS codes

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

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