#302C0D - #C3C2B9 | 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 #302C0D to #C3C2B9

#302C0D #C3C2B9

Calculate the color between two colors, #302C0D and #C3C2B9. 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)

#302C0D - #C3C2B9 | 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 #302C0D as 0% and #C3C2B9 as 100%.

0.0%	0.0% #302C0D	RGB 48 44 13	#302C0D
16.7%	16.7% #484529	RGB 72 69 41	#484529
33.3%	33.3% #615E46	RGB 97 94 70	#615E46
50.0%	50.0% #797763	RGB 121 119 99	#797763
66.7%	66.7% #92907F	RGB 146 144 127	#92907F
83.3%	83.3% #AAA99C	RGB 170 169 156	#AAA99C
100.0%	100.0% #C3C2B9	RGB 195 194 185	#C3C2B9

#302C0D #484529 #615E46 #797763 #92907F #AAA99C #C3C2B9

#302C0D - #C3C2B9

HSV Blend

#302C0D - #C3C2B9 | 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 #302C0D as 0% and #C3C2B9 as 100%.

0.0%	0.0% #302C0D	RGB 48 44 13	#302C0D
16.7%	16.7% #48431B	RGB 72 67 27	#48431B
33.3%	33.3% #615B30	RGB 97 91 48	#615B30
50.0%	50.0% #79744A	RGB 121 116 74	#79744A
66.7%	66.7% #928D69	RGB 146 141 105	#928D69
83.3%	83.3% #AAA78E	RGB 170 167 142	#AAA78E
100.0%	100.0% #C3C2B9	RGB 195 194 185	#C3C2B9

#302C0D #48431B #615B30 #79744A #928D69 #AAA78E #C3C2B9

#302C0D - #79744A - #C3C2B9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #302C0D 0%, #79744A 50%, #C3C2B9 100%);
    background: -webkit-linear-gradient(top, #302C0D 0%, #79744A 50%, #C3C2B9 100%);
    background: linear-gradient(to bottom, #302C0D 0%, #79744A 50%, #C3C2B9 100%);
}
</style>