#DF82C0 - #AB1574 | 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 #DF82C0 to #AB1574

#DF82C0 #AB1574

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

#DF82C0 - #AB1574 | 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 #DF82C0 as 0% and #AB1574 as 100%.

0.0%	0.0% #DF82C0	RGB 223 130 192	#DF82C0
16.7%	16.7% #D66FB3	RGB 214 111 179	#D66FB3
33.3%	33.3% #CD5DA6	RGB 205 93 166	#CD5DA6
50.0%	50.0% #C54B9A	RGB 197 75 154	#C54B9A
66.7%	66.7% #BC398D	RGB 188 57 141	#BC398D
83.3%	83.3% #B32780	RGB 179 39 128	#B32780
100.0%	100.0% #AB1574	RGB 171 21 116	#AB1574

#DF82C0 #D66FB3 #CD5DA6 #C54B9A #BC398D #B32780 #AB1574

#DF82C0 - #AB1574

HSV Blend

#DF82C0 - #AB1574 | 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 #DF82C0 as 0% and #AB1574 as 100%.

0.0%	0.0% #DF82C0	RGB 223 130 192	#DF82C0
16.7%	16.7% #D66CB2	RGB 214 108 178	#D66CB2
33.3%	33.3% #CD58A5	RGB 205 88 165	#CD58A5
50.0%	50.0% #C54598	RGB 197 69 152	#C54598
66.7%	66.7% #BC348B	RGB 188 52 139	#BC348B
83.3%	83.3% #B3237F	RGB 179 35 127	#B3237F
100.0%	100.0% #AB1574	RGB 171 21 116	#AB1574

#DF82C0 #D66CB2 #CD58A5 #C54598 #BC348B #B3237F #AB1574

#DF82C0 - #C54598 - #AB1574

CSS codes

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

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