#122009 - #182B05 | 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 #122009 to #182B05

#122009 #182B05

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

#122009 - #182B05 | 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 #122009 as 0% and #182B05 as 100%.

0.0%	0.0% #122009	RGB 18 32 9	#122009
16.7%	16.7% #132108	RGB 19 33 8	#132108
33.3%	33.3% #142307	RGB 20 35 7	#142307
50.0%	50.0% #152507	RGB 21 37 7	#152507
66.7%	66.7% #162706	RGB 22 39 6	#162706
83.3%	83.3% #172905	RGB 23 41 5	#172905
100.0%	100.0% #182B05	RGB 24 43 5	#182B05

#122009 #132108 #142307 #152507 #162706 #172905 #182B05

#122009 - #182B05

HSV Blend

#122009 - #182B05 | 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 #122009 as 0% and #182B05 as 100%.

0.0%	0.0% #122009	RGB 18 32 9	#122009
16.7%	16.7% #122108	RGB 18 33 8	#122108
33.3%	33.3% #132308	RGB 19 35 8	#132308
50.0%	50.0% #142507	RGB 20 37 7	#142507
66.7%	66.7% #152706	RGB 21 39 6	#152706
83.3%	83.3% #162905	RGB 22 41 5	#162905
100.0%	100.0% #182B05	RGB 24 43 5	#182B05

#122009 #122108 #132308 #142507 #152706 #162905 #182B05

#122009 - #142507 - #182B05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #122009 0%, #142507 50%, #182B05 100%);
    background: -webkit-linear-gradient(top, #122009 0%, #142507 50%, #182B05 100%);
    background: linear-gradient(to bottom, #122009 0%, #142507 50%, #182B05 100%);
}
</style>