#DF76D4 - #AA008D | 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 #DF76D4 to #AA008D

#DF76D4 #AA008D

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

#DF76D4 - #AA008D | 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 #DF76D4 as 0% and #AA008D as 100%.

0.0%	0.0% #DF76D4	RGB 223 118 212	#DF76D4
16.7%	16.7% #D662C8	RGB 214 98 200	#D662C8
33.3%	33.3% #CD4EBC	RGB 205 78 188	#CD4EBC
50.0%	50.0% #C43BB0	RGB 196 59 176	#C43BB0
66.7%	66.7% #BB27A4	RGB 187 39 164	#BB27A4
83.3%	83.3% #B21398	RGB 178 19 152	#B21398
100.0%	100.0% #AA008D	RGB 170 0 141	#AA008D

#DF76D4 #D662C8 #CD4EBC #C43BB0 #BB27A4 #B21398 #AA008D

#DF76D4 - #AA008D

HSV Blend

#DF76D4 - #AA008D | 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 #DF76D4 as 0% and #AA008D as 100%.

0.0%	0.0% #DF76D4	RGB 223 118 212	#DF76D4
16.7%	16.7% #D65EC8	RGB 214 94 200	#D65EC8
33.3%	33.3% #CD48BC	RGB 205 72 188	#CD48BC
50.0%	50.0% #C433B0	RGB 196 51 176	#C433B0
66.7%	66.7% #BB21A4	RGB 187 33 164	#BB21A4
83.3%	83.3% #B20F98	RGB 178 15 152	#B20F98
100.0%	100.0% #AA008D	RGB 170 0 141	#AA008D

#DF76D4 #D65EC8 #CD48BC #C433B0 #BB21A4 #B20F98 #AA008D

#DF76D4 - #C433B0 - #AA008D

CSS codes

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

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