#CEC097 - #3A362B | 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 #CEC097 to #3A362B

#CEC097 #3A362B

Calculate the color between two colors, #CEC097 and #3A362B. 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)

#CEC097 - #3A362B | 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 #CEC097 as 0% and #3A362B as 100%.

0.0%	0.0% #CEC097	RGB 206 192 151	#CEC097
16.7%	16.7% #B5A985	RGB 181 169 133	#B5A985
33.3%	33.3% #9C9273	RGB 156 146 115	#9C9273
50.0%	50.0% #847B61	RGB 132 123 97	#847B61
66.7%	66.7% #6B644F	RGB 107 100 79	#6B644F
83.3%	83.3% #524D3D	RGB 82 77 61	#524D3D
100.0%	100.0% #3A362B	RGB 58 54 43	#3A362B

#CEC097 #B5A985 #9C9273 #847B61 #6B644F #524D3D #3A362B

#CEC097 - #3A362B

HSV Blend

#CEC097 - #3A362B | 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 #CEC097 as 0% and #3A362B as 100%.

0.0%	0.0% #CEC097	RGB 206 192 151	#CEC097
16.7%	16.7% #B5A885	RGB 181 168 133	#B5A885
33.3%	33.3% #9C9173	RGB 156 145 115	#9C9173
50.0%	50.0% #847A61	RGB 132 122 97	#847A61
66.7%	66.7% #6B634F	RGB 107 99 79	#6B634F
83.3%	83.3% #524C3D	RGB 82 76 61	#524C3D
100.0%	100.0% #3A362B	RGB 58 54 43	#3A362B

#CEC097 #B5A885 #9C9173 #847A61 #6B634F #524C3D #3A362B

#CEC097 - #847A61 - #3A362B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CEC097 0%, #847A61 50%, #3A362B 100%);
    background: -webkit-linear-gradient(top, #CEC097 0%, #847A61 50%, #3A362B 100%);
    background: linear-gradient(to bottom, #CEC097 0%, #847A61 50%, #3A362B 100%);
}
</style>