#DCB5C2 - #AC5C76 | 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 #DCB5C2 to #AC5C76

#DCB5C2 #AC5C76

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

#DCB5C2 - #AC5C76 | 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 #DCB5C2 as 0% and #AC5C76 as 100%.

0.0%	0.0% #DCB5C2	RGB 220 181 194	#DCB5C2
16.7%	16.7% #D4A6B5	RGB 212 166 181	#D4A6B5
33.3%	33.3% #CC97A8	RGB 204 151 168	#CC97A8
50.0%	50.0% #C4889C	RGB 196 136 156	#C4889C
66.7%	66.7% #BC798F	RGB 188 121 143	#BC798F
83.3%	83.3% #B46A82	RGB 180 106 130	#B46A82
100.0%	100.0% #AC5C76	RGB 172 92 118	#AC5C76

#DCB5C2 #D4A6B5 #CC97A8 #C4889C #BC798F #B46A82 #AC5C76

#DCB5C2 - #AC5C76

HSV Blend

#DCB5C2 - #AC5C76 | 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 #DCB5C2 as 0% and #AC5C76 as 100%.

0.0%	0.0% #DCB5C2	RGB 220 181 194	#DCB5C2
16.7%	16.7% #D4A4B4	RGB 212 164 180	#D4A4B4
33.3%	33.3% #CC94A6	RGB 204 148 166	#CC94A6
50.0%	50.0% #C48599	RGB 196 133 153	#C48599
66.7%	66.7% #BC768D	RGB 188 118 141	#BC768D
83.3%	83.3% #B46881	RGB 180 104 129	#B46881
100.0%	100.0% #AC5C76	RGB 172 92 118	#AC5C76

#DCB5C2 #D4A4B4 #CC94A6 #C48599 #BC768D #B46881 #AC5C76

#DCB5C2 - #C48599 - #AC5C76

CSS codes

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

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