#300B05 - #6E392B | 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 #300B05 to #6E392B

#300B05 #6E392B

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

#300B05 - #6E392B | 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 #300B05 as 0% and #6E392B as 100%.

0.0%	0.0% #300B05	RGB 48 11 5	#300B05
16.7%	16.7% #3A120B	RGB 58 18 11	#3A120B
33.3%	33.3% #441A11	RGB 68 26 17	#441A11
50.0%	50.0% #4F2218	RGB 79 34 24	#4F2218
66.7%	66.7% #59291E	RGB 89 41 30	#59291E
83.3%	83.3% #633124	RGB 99 49 36	#633124
100.0%	100.0% #6E392B	RGB 110 57 43	#6E392B

#300B05 #3A120B #441A11 #4F2218 #59291E #633124 #6E392B

#300B05 - #6E392B

HSV Blend

#300B05 - #6E392B | 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 #300B05 as 0% and #6E392B as 100%.

0.0%	0.0% #300B05	RGB 48 11 5	#300B05
16.7%	16.7% #3A1008	RGB 58 16 8	#3A1008
33.3%	33.3% #44160D	RGB 68 22 13	#44160D
50.0%	50.0% #4F1D13	RGB 79 29 19	#4F1D13
66.7%	66.7% #59261A	RGB 89 38 26	#59261A
83.3%	83.3% #632F22	RGB 99 47 34	#632F22
100.0%	100.0% #6E392B	RGB 110 57 43	#6E392B

#300B05 #3A1008 #44160D #4F1D13 #59261A #632F22 #6E392B

#300B05 - #4F1D13 - #6E392B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #300B05 0%, #4F1D13 50%, #6E392B 100%);
    background: -webkit-linear-gradient(top, #300B05 0%, #4F1D13 50%, #6E392B 100%);
    background: linear-gradient(to bottom, #300B05 0%, #4F1D13 50%, #6E392B 100%);
}
</style>