#202220 - #000E08 | 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 #000E08

#202220 #000E08

Calculate the color between two colors, #202220 and #000E08. 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 - #000E08 | 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 #000E08 as 100%.

0.0%	0.0% #202220	RGB 32 34 32	#202220
16.7%	16.7% #1A1E1C	RGB 26 30 28	#1A1E1C
33.3%	33.3% #151B18	RGB 21 27 24	#151B18
50.0%	50.0% #101814	RGB 16 24 20	#101814
66.7%	66.7% #0A1410	RGB 10 20 16	#0A1410
83.3%	83.3% #05110C	RGB 5 17 12	#05110C
100.0%	100.0% #000E08	RGB 0 14 8	#000E08

#202220 #1A1E1C #151B18 #101814 #0A1410 #05110C #000E08

#202220 - #000E08

HSV Blend

#202220 - #000E08 | 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 #000E08 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% #111B13	RGB 17 27 19	#111B13
50.0%	50.0% #0B180E	RGB 11 24 14	#0B180E
66.7%	66.7% #06140B	RGB 6 20 11	#06140B
83.3%	83.3% #021109	RGB 2 17 9	#021109
100.0%	100.0% #000E08	RGB 0 14 8	#000E08

#202220 #181E18 #111B13 #0B180E #06140B #021109 #000E08

#202220 - #0B180E - #000E08

CSS codes

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

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