#DCB8C0 - #AA6274 | 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 #DCB8C0 to #AA6274

#DCB8C0 #AA6274

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

#DCB8C0 - #AA6274 | 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 #DCB8C0 as 0% and #AA6274 as 100%.

0.0%	0.0% #DCB8C0	RGB 220 184 192	#DCB8C0
16.7%	16.7% #D3A9B3	RGB 211 169 179	#D3A9B3
33.3%	33.3% #CB9BA6	RGB 203 155 166	#CB9BA6
50.0%	50.0% #C38D9A	RGB 195 141 154	#C38D9A
66.7%	66.7% #BA7E8D	RGB 186 126 141	#BA7E8D
83.3%	83.3% #B27080	RGB 178 112 128	#B27080
100.0%	100.0% #AA6274	RGB 170 98 116	#AA6274

#DCB8C0 #D3A9B3 #CB9BA6 #C38D9A #BA7E8D #B27080 #AA6274

#DCB8C0 - #AA6274

HSV Blend

#DCB8C0 - #AA6274 | 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 #DCB8C0 as 0% and #AA6274 as 100%.

0.0%	0.0% #DCB8C0	RGB 220 184 192	#DCB8C0
16.7%	16.7% #D3A7B1	RGB 211 167 177	#D3A7B1
33.3%	33.3% #CB98A4	RGB 203 152 164	#CB98A4
50.0%	50.0% #C38997	RGB 195 137 151	#C38997
66.7%	66.7% #BA7B8A	RGB 186 123 138	#BA7B8A
83.3%	83.3% #B26E7F	RGB 178 110 127	#B26E7F
100.0%	100.0% #AA6274	RGB 170 98 116	#AA6274

#DCB8C0 #D3A7B1 #CB98A4 #C38997 #BA7B8A #B26E7F #AA6274

#DCB8C0 - #C38997 - #AA6274

CSS codes

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

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