#DF8DB9 - #AC276C | 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 #DF8DB9 to #AC276C

#DF8DB9 #AC276C

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

#DF8DB9 - #AC276C | 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 #DF8DB9 as 0% and #AC276C as 100%.

0.0%	0.0% #DF8DB9	RGB 223 141 185	#DF8DB9
16.7%	16.7% #D67CAC	RGB 214 124 172	#D67CAC
33.3%	33.3% #CE6B9F	RGB 206 107 159	#CE6B9F
50.0%	50.0% #C55A92	RGB 197 90 146	#C55A92
66.7%	66.7% #BD4985	RGB 189 73 133	#BD4985
83.3%	83.3% #B43878	RGB 180 56 120	#B43878
100.0%	100.0% #AC276C	RGB 172 39 108	#AC276C

#DF8DB9 #D67CAC #CE6B9F #C55A92 #BD4985 #B43878 #AC276C

#DF8DB9 - #AC276C

HSV Blend

#DF8DB9 - #AC276C | 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 #DF8DB9 as 0% and #AC276C as 100%.

0.0%	0.0% #DF8DB9	RGB 223 141 185	#DF8DB9
16.7%	16.7% #D679AA	RGB 214 121 170	#D679AA
33.3%	33.3% #CE669D	RGB 206 102 157	#CE669D
50.0%	50.0% #C55490	RGB 197 84 144	#C55490
66.7%	66.7% #BD4483	RGB 189 68 131	#BD4483
83.3%	83.3% #B43577	RGB 180 53 119	#B43577
100.0%	100.0% #AC276C	RGB 172 39 108	#AC276C

#DF8DB9 #D679AA #CE669D #C55490 #BD4483 #B43577 #AC276C

#DF8DB9 - #C55490 - #AC276C

CSS codes

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

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