#6C3E3E - #D28664 | 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 #6C3E3E to #D28664

#6C3E3E #D28664

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

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

0.0%	0.0% #6C3E3E	RGB 108 62 62	#6C3E3E
16.7%	16.7% #7D4A44	RGB 125 74 68	#7D4A44
33.3%	33.3% #8E564A	RGB 142 86 74	#8E564A
50.0%	50.0% #9F6251	RGB 159 98 81	#9F6251
66.7%	66.7% #B06E57	RGB 176 110 87	#B06E57
83.3%	83.3% #C17A5D	RGB 193 122 93	#C17A5D
100.0%	100.0% #D28664	RGB 210 134 100	#D28664

#6C3E3E #7D4A44 #8E564A #9F6251 #B06E57 #C17A5D #D28664

#6C3E3E - #D28664

HSV Blend

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

0.0%	0.0% #6C3E3E	RGB 108 62 62	#6C3E3E
16.7%	16.7% #7D4845	RGB 125 72 69	#7D4845
33.3%	33.3% #8E534C	RGB 142 83 76	#8E534C
50.0%	50.0% #9F5F53	RGB 159 95 83	#9F5F53
66.7%	66.7% #B06B59	RGB 176 107 89	#B06B59
83.3%	83.3% #C1785F	RGB 193 120 95	#C1785F
100.0%	100.0% #D28664	RGB 210 134 100	#D28664

#6C3E3E #7D4845 #8E534C #9F5F53 #B06B59 #C1785F #D28664

#6C3E3E - #9F5F53 - #D28664

CSS codes

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

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