#302B2B - #927261 | 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 #302B2B to #927261

#302B2B #927261

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

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

0.0%	0.0% #302B2B	RGB 48 43 43	#302B2B
16.7%	16.7% #403634	RGB 64 54 52	#403634
33.3%	33.3% #50423D	RGB 80 66 61	#50423D
50.0%	50.0% #614E46	RGB 97 78 70	#614E46
66.7%	66.7% #715A4F	RGB 113 90 79	#715A4F
83.3%	83.3% #816658	RGB 129 102 88	#816658
100.0%	100.0% #927261	RGB 146 114 97	#927261

#302B2B #403634 #50423D #614E46 #715A4F #816658 #927261

#302B2B - #927261

HSV Blend

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

0.0%	0.0% #302B2B	RGB 48 43 43	#302B2B
16.7%	16.7% #403737	RGB 64 55 55	#403737
33.3%	33.3% #504342	RGB 80 67 66	#504342
50.0%	50.0% #614F4B	RGB 97 79 75	#614F4B
66.7%	66.7% #715A54	RGB 113 90 84	#715A54
83.3%	83.3% #81665B	RGB 129 102 91	#81665B
100.0%	100.0% #927261	RGB 146 114 97	#927261

#302B2B #403737 #504342 #614F4B #715A54 #81665B #927261

#302B2B - #614F4B - #927261

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #302B2B 0%, #614F4B 50%, #927261 100%);
    background: -webkit-linear-gradient(top, #302B2B 0%, #614F4B 50%, #927261 100%);
    background: linear-gradient(to bottom, #302B2B 0%, #614F4B 50%, #927261 100%);
}
</style>