#3C331C - #301B03 | 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 #3C331C to #301B03

#3C331C #301B03

Calculate the color between two colors, #3C331C and #301B03. 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)

#3C331C - #301B03 | 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 #3C331C as 0% and #301B03 as 100%.

0.0%	0.0% #3C331C	RGB 60 51 28	#3C331C
16.7%	16.7% #3A2F17	RGB 58 47 23	#3A2F17
33.3%	33.3% #382B13	RGB 56 43 19	#382B13
50.0%	50.0% #36270F	RGB 54 39 15	#36270F
66.7%	66.7% #34230B	RGB 52 35 11	#34230B
83.3%	83.3% #321F07	RGB 50 31 7	#321F07
100.0%	100.0% #301B03	RGB 48 27 3	#301B03

#3C331C #3A2F17 #382B13 #36270F #34230B #321F07 #301B03

#3C331C - #301B03

HSV Blend

#3C331C - #301B03 | 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 #3C331C as 0% and #301B03 as 100%.

0.0%	0.0% #3C331C	RGB 60 51 28	#3C331C
16.7%	16.7% #3A2F17	RGB 58 47 23	#3A2F17
33.3%	33.3% #382B12	RGB 56 43 18	#382B12
50.0%	50.0% #36270E	RGB 54 39 14	#36270E
66.7%	66.7% #34230A	RGB 52 35 10	#34230A
83.3%	83.3% #321F06	RGB 50 31 6	#321F06
100.0%	100.0% #301B03	RGB 48 27 3	#301B03

#3C331C #3A2F17 #382B12 #36270E #34230A #321F06 #301B03

#3C331C - #36270E - #301B03

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C331C 0%, #36270E 50%, #301B03 100%);
    background: -webkit-linear-gradient(top, #3C331C 0%, #36270E 50%, #301B03 100%);
    background: linear-gradient(to bottom, #3C331C 0%, #36270E 50%, #301B03 100%);
}
</style>