#D3CBAF - #AF925A | 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 #D3CBAF to #AF925A

#D3CBAF #AF925A

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

#D3CBAF - #AF925A | 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 #D3CBAF as 0% and #AF925A as 100%.

0.0%	0.0% #D3CBAF	RGB 211 203 175	#D3CBAF
16.7%	16.7% #CDC1A0	RGB 205 193 160	#CDC1A0
33.3%	33.3% #C7B892	RGB 199 184 146	#C7B892
50.0%	50.0% #C1AE84	RGB 193 174 132	#C1AE84
66.7%	66.7% #BBA576	RGB 187 165 118	#BBA576
83.3%	83.3% #B59B68	RGB 181 155 104	#B59B68
100.0%	100.0% #AF925A	RGB 175 146 90	#AF925A

#D3CBAF #CDC1A0 #C7B892 #C1AE84 #BBA576 #B59B68 #AF925A

#D3CBAF - #AF925A

HSV Blend

#D3CBAF - #AF925A | 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 #D3CBAF as 0% and #AF925A as 100%.

0.0%	0.0% #D3CBAF	RGB 211 203 175	#D3CBAF
16.7%	16.7% #CDC19F	RGB 205 193 159	#CDC19F
33.3%	33.3% #C7B890	RGB 199 184 144	#C7B890
50.0%	50.0% #C1AF81	RGB 193 175 129	#C1AF81
66.7%	66.7% #BBA573	RGB 187 165 115	#BBA573
83.3%	83.3% #B59B66	RGB 181 155 102	#B59B66
100.0%	100.0% #AF925A	RGB 175 146 90	#AF925A

#D3CBAF #CDC19F #C7B890 #C1AF81 #BBA573 #B59B66 #AF925A

#D3CBAF - #C1AF81 - #AF925A

CSS codes

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

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