#DF5ED4 - #A2008E | 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 #DF5ED4 to #A2008E

#DF5ED4 #A2008E

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

#DF5ED4 - #A2008E | 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 #DF5ED4 as 0% and #A2008E as 100%.

0.0%	0.0% #DF5ED4	RGB 223 94 212	#DF5ED4
16.7%	16.7% #D44EC8	RGB 212 78 200	#D44EC8
33.3%	33.3% #CA3EBC	RGB 202 62 188	#CA3EBC
50.0%	50.0% #C02FB1	RGB 192 47 177	#C02FB1
66.7%	66.7% #B61FA5	RGB 182 31 165	#B61FA5
83.3%	83.3% #AC0F99	RGB 172 15 153	#AC0F99
100.0%	100.0% #A2008E	RGB 162 0 142	#A2008E

#DF5ED4 #D44EC8 #CA3EBC #C02FB1 #B61FA5 #AC0F99 #A2008E

#DF5ED4 - #A2008E

HSV Blend

#DF5ED4 - #A2008E | 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 #DF5ED4 as 0% and #A2008E as 100%.

0.0%	0.0% #DF5ED4	RGB 223 94 212	#DF5ED4
16.7%	16.7% #D44AC8	RGB 212 74 200	#D44AC8
33.3%	33.3% #CA38BC	RGB 202 56 188	#CA38BC
50.0%	50.0% #C028B0	RGB 192 40 176	#C028B0
66.7%	66.7% #B619A4	RGB 182 25 164	#B619A4
83.3%	83.3% #AC0C99	RGB 172 12 153	#AC0C99
100.0%	100.0% #A2008E	RGB 162 0 142	#A2008E

#DF5ED4 #D44AC8 #CA38BC #C028B0 #B619A4 #AC0C99 #A2008E

#DF5ED4 - #C028B0 - #A2008E

CSS codes

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

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