#122010 - #415D3E | 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 #122010 to #415D3E

#122010 #415D3E

Calculate the color between two colors, #122010 and #415D3E. 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)

#122010 - #415D3E | 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 #122010 as 0% and #415D3E as 100%.

0.0%	0.0% #122010	RGB 18 32 16	#122010
16.7%	16.7% #192A17	RGB 25 42 23	#192A17
33.3%	33.3% #21341F	RGB 33 52 31	#21341F
50.0%	50.0% #293E27	RGB 41 62 39	#293E27
66.7%	66.7% #31482E	RGB 49 72 46	#31482E
83.3%	83.3% #395236	RGB 57 82 54	#395236
100.0%	100.0% #415D3E	RGB 65 93 62	#415D3E

#122010 #192A17 #21341F #293E27 #31482E #395236 #415D3E

#122010 - #415D3E

HSV Blend

#122010 - #415D3E | 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 #122010 as 0% and #415D3E as 100%.

0.0%	0.0% #122010	RGB 18 32 16	#122010
16.7%	16.7% #182A16	RGB 24 42 22	#182A16
33.3%	33.3% #1F341D	RGB 31 52 29	#1F341D
50.0%	50.0% #273E24	RGB 39 62 36	#273E24
66.7%	66.7% #2F482C	RGB 47 72 44	#2F482C
83.3%	83.3% #375234	RGB 55 82 52	#375234
100.0%	100.0% #415D3E	RGB 65 93 62	#415D3E

#122010 #182A16 #1F341D #273E24 #2F482C #375234 #415D3E

#122010 - #273E24 - #415D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #122010 0%, #273E24 50%, #415D3E 100%);
    background: -webkit-linear-gradient(top, #122010 0%, #273E24 50%, #415D3E 100%);
    background: linear-gradient(to bottom, #122010 0%, #273E24 50%, #415D3E 100%);
}
</style>