#6B5133 - #DB9652 | 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 #6B5133 to #DB9652

#6B5133 #DB9652

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

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

0.0%	0.0% #6B5133	RGB 107 81 51	#6B5133
16.7%	16.7% #7D5C38	RGB 125 92 56	#7D5C38
33.3%	33.3% #90683D	RGB 144 104 61	#90683D
50.0%	50.0% #A37342	RGB 163 115 66	#A37342
66.7%	66.7% #B57F47	RGB 181 127 71	#B57F47
83.3%	83.3% #C88A4C	RGB 200 138 76	#C88A4C
100.0%	100.0% #DB9652	RGB 219 150 82	#DB9652

#6B5133 #7D5C38 #90683D #A37342 #B57F47 #C88A4C #DB9652

#6B5133 - #DB9652

HSV Blend

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

0.0%	0.0% #6B5133	RGB 107 81 51	#6B5133
16.7%	16.7% #7D5D39	RGB 125 93 57	#7D5D39
33.3%	33.3% #90693F	RGB 144 105 63	#90693F
50.0%	50.0% #A37545	RGB 163 117 69	#A37545
66.7%	66.7% #B5804A	RGB 181 128 74	#B5804A
83.3%	83.3% #C88B4E	RGB 200 139 78	#C88B4E
100.0%	100.0% #DB9652	RGB 219 150 82	#DB9652

#6B5133 #7D5D39 #90693F #A37545 #B5804A #C88B4E #DB9652

#6B5133 - #A37545 - #DB9652

CSS codes

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

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