#DD97AC - #A83A5E | 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 #DD97AC to #A83A5E

#DD97AC #A83A5E

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

#DD97AC - #A83A5E | 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 #DD97AC as 0% and #A83A5E as 100%.

0.0%	0.0% #DD97AC	RGB 221 151 172	#DD97AC
16.7%	16.7% #D4879F	RGB 212 135 159	#D4879F
33.3%	33.3% #CB7892	RGB 203 120 146	#CB7892
50.0%	50.0% #C26885	RGB 194 104 133	#C26885
66.7%	66.7% #B95978	RGB 185 89 120	#B95978
83.3%	83.3% #B0496B	RGB 176 73 107	#B0496B
100.0%	100.0% #A83A5E	RGB 168 58 94	#A83A5E

#DD97AC #D4879F #CB7892 #C26885 #B95978 #B0496B #A83A5E

#DD97AC - #A83A5E

HSV Blend

#DD97AC - #A83A5E | 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 #DD97AC as 0% and #A83A5E as 100%.

0.0%	0.0% #DD97AC	RGB 221 151 172	#DD97AC
16.7%	16.7% #D4859D	RGB 212 133 157	#D4859D
33.3%	33.3% #CB748F	RGB 203 116 143	#CB748F
50.0%	50.0% #C26481	RGB 194 100 129	#C26481
66.7%	66.7% #B95575	RGB 185 85 117	#B95575
83.3%	83.3% #B04769	RGB 176 71 105	#B04769
100.0%	100.0% #A83A5E	RGB 168 58 94	#A83A5E

#DD97AC #D4859D #CB748F #C26481 #B95575 #B04769 #A83A5E

#DD97AC - #C26481 - #A83A5E

CSS codes

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

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