#DF5EAD - #A2005D | 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 #DF5EAD to #A2005D

#DF5EAD #A2005D

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

#DF5EAD - #A2005D | 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 #DF5EAD as 0% and #A2005D as 100%.

0.0%	0.0% #DF5EAD	RGB 223 94 173	#DF5EAD
16.7%	16.7% #D44E9F	RGB 212 78 159	#D44E9F
33.3%	33.3% #CA3E92	RGB 202 62 146	#CA3E92
50.0%	50.0% #C02F85	RGB 192 47 133	#C02F85
66.7%	66.7% #B61F77	RGB 182 31 119	#B61F77
83.3%	83.3% #AC0F6A	RGB 172 15 106	#AC0F6A
100.0%	100.0% #A2005D	RGB 162 0 93	#A2005D

#DF5EAD #D44E9F #CA3E92 #C02F85 #B61F77 #AC0F6A #A2005D

#DF5EAD - #A2005D

HSV Blend

#DF5EAD - #A2005D | 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 #DF5EAD as 0% and #A2005D as 100%.

0.0%	0.0% #DF5EAD	RGB 223 94 173	#DF5EAD
16.7%	16.7% #D44A9E	RGB 212 74 158	#D44A9E
33.3%	33.3% #CA3890	RGB 202 56 144	#CA3890
50.0%	50.0% #C02882	RGB 192 40 130	#C02882
66.7%	66.7% #B61975	RGB 182 25 117	#B61975
83.3%	83.3% #AC0C69	RGB 172 12 105	#AC0C69
100.0%	100.0% #A2005D	RGB 162 0 93	#A2005D

#DF5EAD #D44A9E #CA3890 #C02882 #B61975 #AC0C69 #A2005D

#DF5EAD - #C02882 - #A2005D

CSS codes

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

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