#6B5D2D - #D4D0C3 | 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 #6B5D2D to #D4D0C3

#6B5D2D #D4D0C3

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

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

0.0%	0.0% #6B5D2D	RGB 107 93 45	#6B5D2D
16.7%	16.7% #7C7046	RGB 124 112 70	#7C7046
33.3%	33.3% #8E835F	RGB 142 131 95	#8E835F
50.0%	50.0% #9F9678	RGB 159 150 120	#9F9678
66.7%	66.7% #B1A991	RGB 177 169 145	#B1A991
83.3%	83.3% #C2BCAA	RGB 194 188 170	#C2BCAA
100.0%	100.0% #D4D0C3	RGB 212 208 195	#D4D0C3

#6B5D2D #7C7046 #8E835F #9F9678 #B1A991 #C2BCAA #D4D0C3

#6B5D2D - #D4D0C3

HSV Blend

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

0.0%	0.0% #6B5D2D	RGB 107 93 45	#6B5D2D
16.7%	16.7% #7C6E3E	RGB 124 110 62	#7C6E3E
33.3%	33.3% #8E8053	RGB 142 128 83	#8E8053
50.0%	50.0% #9F936A	RGB 159 147 106	#9F936A
66.7%	66.7% #B1A685	RGB 177 166 133	#B1A685
83.3%	83.3% #C2BBA2	RGB 194 187 162	#C2BBA2
100.0%	100.0% #D4D0C3	RGB 212 208 195	#D4D0C3

#6B5D2D #7C6E3E #8E8053 #9F936A #B1A685 #C2BBA2 #D4D0C3

#6B5D2D - #9F936A - #D4D0C3

CSS codes

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

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