#6B342D - #CEAC6B | 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 #6B342D to #CEAC6B

#6B342D #CEAC6B

Calculate the color between two colors, #6B342D and #CEAC6B. 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)

#6B342D - #CEAC6B | 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 #6B342D as 0% and #CEAC6B as 100%.

0.0%	0.0% #6B342D	RGB 107 52 45	#6B342D
16.7%	16.7% #7B4837	RGB 123 72 55	#7B4837
33.3%	33.3% #8C5C41	RGB 140 92 65	#8C5C41
50.0%	50.0% #9C704C	RGB 156 112 76	#9C704C
66.7%	66.7% #AD8456	RGB 173 132 86	#AD8456
83.3%	83.3% #BD9860	RGB 189 152 96	#BD9860
100.0%	100.0% #CEAC6B	RGB 206 172 107	#CEAC6B

#6B342D #7B4837 #8C5C41 #9C704C #AD8456 #BD9860 #CEAC6B

#6B342D - #CEAC6B

HSV Blend

#6B342D - #CEAC6B | 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 #6B342D as 0% and #CEAC6B as 100%.

0.0%	0.0% #6B342D	RGB 107 52 45	#6B342D
16.7%	16.7% #7B4435	RGB 123 68 53	#7B4435
33.3%	33.3% #8C553F	RGB 140 85 63	#8C553F
50.0%	50.0% #9C6949	RGB 156 105 73	#9C6949
66.7%	66.7% #AD7E54	RGB 173 126 84	#AD7E54
83.3%	83.3% #BD945F	RGB 189 148 95	#BD945F
100.0%	100.0% #CEAC6B	RGB 206 172 107	#CEAC6B

#6B342D #7B4435 #8C553F #9C6949 #AD7E54 #BD945F #CEAC6B

#6B342D - #9C6949 - #CEAC6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B342D 0%, #9C6949 50%, #CEAC6B 100%);
    background: -webkit-linear-gradient(top, #6B342D 0%, #9C6949 50%, #CEAC6B 100%);
    background: linear-gradient(to bottom, #6B342D 0%, #9C6949 50%, #CEAC6B 100%);
}
</style>