#002009 - #125E3C | 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 #002009 to #125E3C

#002009 #125E3C

Calculate the color between two colors, #002009 and #125E3C. 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)

#002009 - #125E3C | 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 #002009 as 0% and #125E3C as 100%.

0.0%	0.0% #002009	RGB 0 32 9	#002009
16.7%	16.7% #032A11	RGB 3 42 17	#032A11
33.3%	33.3% #06341A	RGB 6 52 26	#06341A
50.0%	50.0% #093F22	RGB 9 63 34	#093F22
66.7%	66.7% #0C492B	RGB 12 73 43	#0C492B
83.3%	83.3% #0F5333	RGB 15 83 51	#0F5333
100.0%	100.0% #125E3C	RGB 18 94 60	#125E3C

#002009 #032A11 #06341A #093F22 #0C492B #0F5333 #125E3C

#002009 - #125E3C

HSV Blend

#002009 - #125E3C | 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 #002009 as 0% and #125E3C as 100%.

0.0%	0.0% #002009	RGB 0 32 9	#002009
16.7%	16.7% #012A0E	RGB 1 42 14	#012A0E
33.3%	33.3% #033415	RGB 3 52 21	#033415
50.0%	50.0% #063F1D	RGB 6 63 29	#063F1D
66.7%	66.7% #094926	RGB 9 73 38	#094926
83.3%	83.3% #0D5331	RGB 13 83 49	#0D5331
100.0%	100.0% #125E3C	RGB 18 94 60	#125E3C

#002009 #012A0E #033415 #063F1D #094926 #0D5331 #125E3C

#002009 - #063F1D - #125E3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #002009 0%, #063F1D 50%, #125E3C 100%);
    background: -webkit-linear-gradient(top, #002009 0%, #063F1D 50%, #125E3C 100%);
    background: linear-gradient(to bottom, #002009 0%, #063F1D 50%, #125E3C 100%);
}
</style>