#DCB8C7 - #AE5D7C | 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 #DCB8C7 to #AE5D7C

#DCB8C7 #AE5D7C

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

#DCB8C7 - #AE5D7C | 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 #DCB8C7 as 0% and #AE5D7C as 100%.

0.0%	0.0% #DCB8C7	RGB 220 184 199	#DCB8C7
16.7%	16.7% #D4A8BA	RGB 212 168 186	#D4A8BA
33.3%	33.3% #CC99AE	RGB 204 153 174	#CC99AE
50.0%	50.0% #C58AA1	RGB 197 138 161	#C58AA1
66.7%	66.7% #BD7B95	RGB 189 123 149	#BD7B95
83.3%	83.3% #B56C88	RGB 181 108 136	#B56C88
100.0%	100.0% #AE5D7C	RGB 174 93 124	#AE5D7C

#DCB8C7 #D4A8BA #CC99AE #C58AA1 #BD7B95 #B56C88 #AE5D7C

#DCB8C7 - #AE5D7C

HSV Blend

#DCB8C7 - #AE5D7C | 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 #DCB8C7 as 0% and #AE5D7C as 100%.

0.0%	0.0% #DCB8C7	RGB 220 184 199	#DCB8C7
16.7%	16.7% #D4A6B9	RGB 212 166 185	#D4A6B9
33.3%	33.3% #CC96AC	RGB 204 150 172	#CC96AC
50.0%	50.0% #C5879F	RGB 197 135 159	#C5879F
66.7%	66.7% #BD7893	RGB 189 120 147	#BD7893
83.3%	83.3% #B56A87	RGB 181 106 135	#B56A87
100.0%	100.0% #AE5D7C	RGB 174 93 124	#AE5D7C

#DCB8C7 #D4A6B9 #CC96AC #C5879F #BD7893 #B56A87 #AE5D7C

#DCB8C7 - #C5879F - #AE5D7C

CSS codes

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

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