#D4A8C5 - #985575 | 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 #D4A8C5 to #985575

#D4A8C5 #985575

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

#D4A8C5 - #985575 | 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 #D4A8C5 as 0% and #985575 as 100%.

0.0%	0.0% #D4A8C5	RGB 212 168 197	#D4A8C5
16.7%	16.7% #CA9AB7	RGB 202 154 183	#CA9AB7
33.3%	33.3% #C08CAA	RGB 192 140 170	#C08CAA
50.0%	50.0% #B67E9D	RGB 182 126 157	#B67E9D
66.7%	66.7% #AC708F	RGB 172 112 143	#AC708F
83.3%	83.3% #A26282	RGB 162 98 130	#A26282
100.0%	100.0% #985575	RGB 152 85 117	#985575

#D4A8C5 #CA9AB7 #C08CAA #B67E9D #AC708F #A26282 #985575

#D4A8C5 - #985575

HSV Blend

#D4A8C5 - #985575 | 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 #D4A8C5 as 0% and #985575 as 100%.

0.0%	0.0% #D4A8C5	RGB 212 168 197	#D4A8C5
16.7%	16.7% #CA98B7	RGB 202 152 183	#CA98B7
33.3%	33.3% #C089AA	RGB 192 137 170	#C089AA
50.0%	50.0% #B67B9C	RGB 182 123 156	#B67B9C
66.7%	66.7% #AC6D8F	RGB 172 109 143	#AC6D8F
83.3%	83.3% #A26081	RGB 162 96 129	#A26081
100.0%	100.0% #985575	RGB 152 85 117	#985575

#D4A8C5 #CA98B7 #C089AA #B67B9C #AC6D8F #A26081 #985575

#D4A8C5 - #B67B9C - #985575

CSS codes

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

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