#30220D - #726138 | 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 #30220D to #726138

#30220D #726138

Calculate the color between two colors, #30220D and #726138. 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)

#30220D - #726138 | 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 #30220D as 0% and #726138 as 100%.

0.0%	0.0% #30220D	RGB 48 34 13	#30220D
16.7%	16.7% #3B2C14	RGB 59 44 20	#3B2C14
33.3%	33.3% #46371B	RGB 70 55 27	#46371B
50.0%	50.0% #514122	RGB 81 65 34	#514122
66.7%	66.7% #5C4C29	RGB 92 76 41	#5C4C29
83.3%	83.3% #675630	RGB 103 86 48	#675630
100.0%	100.0% #726138	RGB 114 97 56	#726138

#30220D #3B2C14 #46371B #514122 #5C4C29 #675630 #726138

#30220D - #726138

HSV Blend

#30220D - #726138 | 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 #30220D as 0% and #726138 as 100%.

0.0%	0.0% #30220D	RGB 48 34 13	#30220D
16.7%	16.7% #3B2B12	RGB 59 43 18	#3B2B12
33.3%	33.3% #463518	RGB 70 53 24	#463518
50.0%	50.0% #513F1E	RGB 81 63 30	#513F1E
66.7%	66.7% #5C4A26	RGB 92 74 38	#5C4A26
83.3%	83.3% #67552E	RGB 103 85 46	#67552E
100.0%	100.0% #726138	RGB 114 97 56	#726138

#30220D #3B2B12 #463518 #513F1E #5C4A26 #67552E #726138

#30220D - #513F1E - #726138

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #30220D 0%, #513F1E 50%, #726138 100%);
    background: -webkit-linear-gradient(top, #30220D 0%, #513F1E 50%, #726138 100%);
    background: linear-gradient(to bottom, #30220D 0%, #513F1E 50%, #726138 100%);
}
</style>