#00200C - #115E3E | 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 #00200C to #115E3E

#00200C #115E3E

Calculate the color between two colors, #00200C and #115E3E. 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)

#00200C - #115E3E | 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 #00200C as 0% and #115E3E as 100%.

0.0%	0.0% #00200C	RGB 0 32 12	#00200C
16.7%	16.7% #022A14	RGB 2 42 20	#022A14
33.3%	33.3% #05341C	RGB 5 52 28	#05341C
50.0%	50.0% #083F25	RGB 8 63 37	#083F25
66.7%	66.7% #0B492D	RGB 11 73 45	#0B492D
83.3%	83.3% #0E5335	RGB 14 83 53	#0E5335
100.0%	100.0% #115E3E	RGB 17 94 62	#115E3E

#00200C #022A14 #05341C #083F25 #0B492D #0E5335 #115E3E

#00200C - #115E3E

HSV Blend

#00200C - #115E3E | 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 #00200C as 0% and #115E3E as 100%.

0.0%	0.0% #00200C	RGB 0 32 12	#00200C
16.7%	16.7% #012A12	RGB 1 42 18	#012A12
33.3%	33.3% #033419	RGB 3 52 25	#033419
50.0%	50.0% #053F21	RGB 5 63 33	#053F21
66.7%	66.7% #08492A	RGB 8 73 42	#08492A
83.3%	83.3% #0C5333	RGB 12 83 51	#0C5333
100.0%	100.0% #115E3E	RGB 17 94 62	#115E3E

#00200C #012A12 #033419 #053F21 #08492A #0C5333 #115E3E

#00200C - #053F21 - #115E3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00200C 0%, #053F21 50%, #115E3E 100%);
    background: -webkit-linear-gradient(top, #00200C 0%, #053F21 50%, #115E3E 100%);
    background: linear-gradient(to bottom, #00200C 0%, #053F21 50%, #115E3E 100%);
}
</style>