#393410 - #302E05 | 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 #393410 to #302E05

#393410 #302E05

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

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

0.0%	0.0% #393410	RGB 57 52 16	#393410
16.7%	16.7% #37330E	RGB 55 51 14	#37330E
33.3%	33.3% #36320C	RGB 54 50 12	#36320C
50.0%	50.0% #34310A	RGB 52 49 10	#34310A
66.7%	66.7% #333008	RGB 51 48 8	#333008
83.3%	83.3% #312F06	RGB 49 47 6	#312F06
100.0%	100.0% #302E05	RGB 48 46 5	#302E05

#393410 #37330E #36320C #34310A #333008 #312F06 #302E05

#393410 - #302E05

HSV Blend

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

0.0%	0.0% #393410	RGB 57 52 16	#393410
16.7%	16.7% #37320D	RGB 55 50 13	#37320D
33.3%	33.3% #36310B	RGB 54 49 11	#36310B
50.0%	50.0% #34300A	RGB 52 48 10	#34300A
66.7%	66.7% #332F08	RGB 51 47 8	#332F08
83.3%	83.3% #312E06	RGB 49 46 6	#312E06
100.0%	100.0% #302E05	RGB 48 46 5	#302E05

#393410 #37320D #36310B #34300A #332F08 #312E06 #302E05

#393410 - #34300A - #302E05

CSS codes

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

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