#122B05 - #506E35 | 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 #122B05 to #506E35

#122B05 #506E35

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

#122B05 - #506E35 | 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 #122B05 as 0% and #506E35 as 100%.

0.0%	0.0% #122B05	RGB 18 43 5	#122B05
16.7%	16.7% #1C360D	RGB 28 54 13	#1C360D
33.3%	33.3% #264115	RGB 38 65 21	#264115
50.0%	50.0% #314C1D	RGB 49 76 29	#314C1D
66.7%	66.7% #3B5725	RGB 59 87 37	#3B5725
83.3%	83.3% #45622D	RGB 69 98 45	#45622D
100.0%	100.0% #506E35	RGB 80 110 53	#506E35

#122B05 #1C360D #264115 #314C1D #3B5725 #45622D #506E35

#122B05 - #506E35

HSV Blend

#122B05 - #506E35 | 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 #122B05 as 0% and #506E35 as 100%.

0.0%	0.0% #122B05	RGB 18 43 5	#122B05
16.7%	16.7% #193609	RGB 25 54 9	#193609
33.3%	33.3% #22410F	RGB 34 65 15	#22410F
50.0%	50.0% #2C4C16	RGB 44 76 22	#2C4C16
66.7%	66.7% #37571F	RGB 55 87 31	#37571F
83.3%	83.3% #436229	RGB 67 98 41	#436229
100.0%	100.0% #506E35	RGB 80 110 53	#506E35

#122B05 #193609 #22410F #2C4C16 #37571F #436229 #506E35

#122B05 - #2C4C16 - #506E35

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #122B05 0%, #2C4C16 50%, #506E35 100%);
    background: -webkit-linear-gradient(top, #122B05 0%, #2C4C16 50%, #506E35 100%);
    background: linear-gradient(to bottom, #122B05 0%, #2C4C16 50%, #506E35 100%);
}
</style>