#CECA9F - #A7944B | 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 #CECA9F to #A7944B

#CECA9F #A7944B

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

#CECA9F - #A7944B | 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 #CECA9F as 0% and #A7944B as 100%.

0.0%	0.0% #CECA9F	RGB 206 202 159	#CECA9F
16.7%	16.7% #C7C191	RGB 199 193 145	#C7C191
33.3%	33.3% #C1B883	RGB 193 184 131	#C1B883
50.0%	50.0% #BAAF75	RGB 186 175 117	#BAAF75
66.7%	66.7% #B4A667	RGB 180 166 103	#B4A667
83.3%	83.3% #AD9D59	RGB 173 157 89	#AD9D59
100.0%	100.0% #A7944B	RGB 167 148 75	#A7944B

#CECA9F #C7C191 #C1B883 #BAAF75 #B4A667 #AD9D59 #A7944B

#CECA9F - #A7944B

HSV Blend

#CECA9F - #A7944B | 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 #CECA9F as 0% and #A7944B as 100%.

0.0%	0.0% #CECA9F	RGB 206 202 159	#CECA9F
16.7%	16.7% #C7C18F	RGB 199 193 143	#C7C18F
33.3%	33.3% #C1B880	RGB 193 184 128	#C1B880
50.0%	50.0% #BAAF71	RGB 186 175 113	#BAAF71
66.7%	66.7% #B4A664	RGB 180 166 100	#B4A664
83.3%	83.3% #AD9D57	RGB 173 157 87	#AD9D57
100.0%	100.0% #A7944B	RGB 167 148 75	#A7944B

#CECA9F #C7C18F #C1B880 #BAAF71 #B4A664 #AD9D57 #A7944B

#CECA9F - #BAAF71 - #A7944B

CSS codes

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

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