#202220 - #000E00 | 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 #202220 to #000E00

#202220 #000E00

Calculate the color between two colors, #202220 and #000E00. 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)

#202220 - #000E00 | 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 #202220 as 0% and #000E00 as 100%.

0.0%	0.0% #202220	RGB 32 34 32	#202220
16.7%	16.7% #1A1E1A	RGB 26 30 26	#1A1E1A
33.3%	33.3% #151B15	RGB 21 27 21	#151B15
50.0%	50.0% #101810	RGB 16 24 16	#101810
66.7%	66.7% #0A140A	RGB 10 20 10	#0A140A
83.3%	83.3% #051105	RGB 5 17 5	#051105
100.0%	100.0% #000E00	RGB 0 14 0	#000E00

#202220 #1A1E1A #151B15 #101810 #0A140A #051105 #000E00

#202220 - #000E00

HSV Blend

#202220 - #000E00 | 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 #202220 as 0% and #000E00 as 100%.

0.0%	0.0% #202220	RGB 32 34 32	#202220
16.7%	16.7% #181E18	RGB 24 30 24	#181E18
33.3%	33.3% #111B11	RGB 17 27 17	#111B11
50.0%	50.0% #0B180B	RGB 11 24 11	#0B180B
66.7%	66.7% #061406	RGB 6 20 6	#061406
83.3%	83.3% #021102	RGB 2 17 2	#021102
100.0%	100.0% #000E00	RGB 0 14 0	#000E00

#202220 #181E18 #111B11 #0B180B #061406 #021102 #000E00

#202220 - #0B180B - #000E00

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #202220 0%, #0B180B 50%, #000E00 100%);
    background: -webkit-linear-gradient(top, #202220 0%, #0B180B 50%, #000E00 100%);
    background: linear-gradient(to bottom, #202220 0%, #0B180B 50%, #000E00 100%);
}
</style>