#DCB5C7 - #AC5F7B | 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 #DCB5C7 to #AC5F7B

#DCB5C7 #AC5F7B

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

#DCB5C7 - #AC5F7B | 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 #DCB5C7 as 0% and #AC5F7B as 100%.

0.0%	0.0% #DCB5C7	RGB 220 181 199	#DCB5C7
16.7%	16.7% #D4A6BA	RGB 212 166 186	#D4A6BA
33.3%	33.3% #CC98AD	RGB 204 152 173	#CC98AD
50.0%	50.0% #C48AA1	RGB 196 138 161	#C48AA1
66.7%	66.7% #BC7B94	RGB 188 123 148	#BC7B94
83.3%	83.3% #B46D87	RGB 180 109 135	#B46D87
100.0%	100.0% #AC5F7B	RGB 172 95 123	#AC5F7B

#DCB5C7 #D4A6BA #CC98AD #C48AA1 #BC7B94 #B46D87 #AC5F7B

#DCB5C7 - #AC5F7B

HSV Blend

#DCB5C7 - #AC5F7B | 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 #DCB5C7 as 0% and #AC5F7B as 100%.

0.0%	0.0% #DCB5C7	RGB 220 181 199	#DCB5C7
16.7%	16.7% #D4A4B9	RGB 212 164 185	#D4A4B9
33.3%	33.3% #CC95AC	RGB 204 149 172	#CC95AC
50.0%	50.0% #C486A0	RGB 196 134 160	#C486A0
66.7%	66.7% #BC7893	RGB 188 120 147	#BC7893
83.3%	83.3% #B46B87	RGB 180 107 135	#B46B87
100.0%	100.0% #AC5F7B	RGB 172 95 123	#AC5F7B

#DCB5C7 #D4A4B9 #CC95AC #C486A0 #BC7893 #B46B87 #AC5F7B

#DCB5C7 - #C486A0 - #AC5F7B

CSS codes

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

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