#D3CEC1 - #AF936E | 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 #D3CEC1 to #AF936E

#D3CEC1 #AF936E

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

#D3CEC1 - #AF936E | 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 #D3CEC1 as 0% and #AF936E as 100%.

0.0%	0.0% #D3CEC1	RGB 211 206 193	#D3CEC1
16.7%	16.7% #CDC4B3	RGB 205 196 179	#CDC4B3
33.3%	33.3% #C7BAA5	RGB 199 186 165	#C7BAA5
50.0%	50.0% #C1B097	RGB 193 176 151	#C1B097
66.7%	66.7% #BBA689	RGB 187 166 137	#BBA689
83.3%	83.3% #B59C7B	RGB 181 156 123	#B59C7B
100.0%	100.0% #AF936E	RGB 175 147 110	#AF936E

#D3CEC1 #CDC4B3 #C7BAA5 #C1B097 #BBA689 #B59C7B #AF936E

#D3CEC1 - #AF936E

HSV Blend

#D3CEC1 - #AF936E | 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 #D3CEC1 as 0% and #AF936E as 100%.

0.0%	0.0% #D3CEC1	RGB 211 206 193	#D3CEC1
16.7%	16.7% #CDC4B1	RGB 205 196 177	#CDC4B1
33.3%	33.3% #C7BBA3	RGB 199 187 163	#C7BBA3
50.0%	50.0% #C1B194	RGB 193 177 148	#C1B194
66.7%	66.7% #BBA787	RGB 187 167 135	#BBA787
83.3%	83.3% #B59D7A	RGB 181 157 122	#B59D7A
100.0%	100.0% #AF936E	RGB 175 147 110	#AF936E

#D3CEC1 #CDC4B1 #C7BBA3 #C1B194 #BBA787 #B59D7A #AF936E

#D3CEC1 - #C1B194 - #AF936E

CSS codes

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

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