#DF84C0 - #AB1874 | 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 #DF84C0 to #AB1874

#DF84C0 #AB1874

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

#DF84C0 - #AB1874 | 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 #DF84C0 as 0% and #AB1874 as 100%.

0.0%	0.0% #DF84C0	RGB 223 132 192	#DF84C0
16.7%	16.7% #D672B3	RGB 214 114 179	#D672B3
33.3%	33.3% #CD60A6	RGB 205 96 166	#CD60A6
50.0%	50.0% #C54E9A	RGB 197 78 154	#C54E9A
66.7%	66.7% #BC3C8D	RGB 188 60 141	#BC3C8D
83.3%	83.3% #B32A80	RGB 179 42 128	#B32A80
100.0%	100.0% #AB1874	RGB 171 24 116	#AB1874

#DF84C0 #D672B3 #CD60A6 #C54E9A #BC3C8D #B32A80 #AB1874

#DF84C0 - #AB1874

HSV Blend

#DF84C0 - #AB1874 | 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 #DF84C0 as 0% and #AB1874 as 100%.

0.0%	0.0% #DF84C0	RGB 223 132 192	#DF84C0
16.7%	16.7% #D66EB2	RGB 214 110 178	#D66EB2
33.3%	33.3% #CD5AA5	RGB 205 90 165	#CD5AA5
50.0%	50.0% #C54898	RGB 197 72 152	#C54898
66.7%	66.7% #BC368B	RGB 188 54 139	#BC368B
83.3%	83.3% #B3267F	RGB 179 38 127	#B3267F
100.0%	100.0% #AB1874	RGB 171 24 116	#AB1874

#DF84C0 #D66EB2 #CD5AA5 #C54898 #BC368B #B3267F #AB1874

#DF84C0 - #C54898 - #AB1874

CSS codes

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

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