#DF7DCC - #AC0983 | 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 #DF7DCC to #AC0983

#DF7DCC #AC0983

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

#DF7DCC - #AC0983 | 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 #DF7DCC as 0% and #AC0983 as 100%.

0.0%	0.0% #DF7DCC	RGB 223 125 204	#DF7DCC
16.7%	16.7% #D669BF	RGB 214 105 191	#D669BF
33.3%	33.3% #CE56B3	RGB 206 86 179	#CE56B3
50.0%	50.0% #C543A7	RGB 197 67 167	#C543A7
66.7%	66.7% #BD2F9B	RGB 189 47 155	#BD2F9B
83.3%	83.3% #B41C8F	RGB 180 28 143	#B41C8F
100.0%	100.0% #AC0983	RGB 172 9 131	#AC0983

#DF7DCC #D669BF #CE56B3 #C543A7 #BD2F9B #B41C8F #AC0983

#DF7DCC - #AC0983

HSV Blend

#DF7DCC - #AC0983 | 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 #DF7DCC as 0% and #AC0983 as 100%.

0.0%	0.0% #DF7DCC	RGB 223 125 204	#DF7DCC
16.7%	16.7% #D666BF	RGB 214 102 191	#D666BF
33.3%	33.3% #CE50B3	RGB 206 80 179	#CE50B3
50.0%	50.0% #C53CA6	RGB 197 60 166	#C53CA6
66.7%	66.7% #BD299A	RGB 189 41 154	#BD299A
83.3%	83.3% #B4188E	RGB 180 24 142	#B4188E
100.0%	100.0% #AC0983	RGB 172 9 131	#AC0983

#DF7DCC #D666BF #CE50B3 #C53CA6 #BD299A #B4188E #AC0983

#DF7DCC - #C53CA6 - #AC0983

CSS codes

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

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