#CEC1B8 - #AF7D64 | 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 #CEC1B8 to #AF7D64

#CEC1B8 #AF7D64

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

#CEC1B8 - #AF7D64 | 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 #CEC1B8 as 0% and #AF7D64 as 100%.

0.0%	0.0% #CEC1B8	RGB 206 193 184	#CEC1B8
16.7%	16.7% #C8B5AA	RGB 200 181 170	#C8B5AA
33.3%	33.3% #C3AA9C	RGB 195 170 156	#C3AA9C
50.0%	50.0% #BE9F8E	RGB 190 159 142	#BE9F8E
66.7%	66.7% #B99380	RGB 185 147 128	#B99380
83.3%	83.3% #B48872	RGB 180 136 114	#B48872
100.0%	100.0% #AF7D64	RGB 175 125 100	#AF7D64

#CEC1B8 #C8B5AA #C3AA9C #BE9F8E #B99380 #B48872 #AF7D64

#CEC1B8 - #AF7D64

HSV Blend

#CEC1B8 - #AF7D64 | 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 #CEC1B8 as 0% and #AF7D64 as 100%.

0.0%	0.0% #CEC1B8	RGB 206 193 184	#CEC1B8
16.7%	16.7% #C8B5A8	RGB 200 181 168	#C8B5A8
33.3%	33.3% #C3A999	RGB 195 169 153	#C3A999
50.0%	50.0% #BE9E8B	RGB 190 158 139	#BE9E8B
66.7%	66.7% #B9937D	RGB 185 147 125	#B9937D
83.3%	83.3% #B48770	RGB 180 135 112	#B48770
100.0%	100.0% #AF7D64	RGB 175 125 100	#AF7D64

#CEC1B8 #C8B5A8 #C3A999 #BE9E8B #B9937D #B48770 #AF7D64

#CEC1B8 - #BE9E8B - #AF7D64

CSS codes

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

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