#202D2D - #002018 | 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 #202D2D to #002018

#202D2D #002018

Calculate the color between two colors, #202D2D and #002018. 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)

#202D2D - #002018 | 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 #202D2D as 0% and #002018 as 100%.

0.0%	0.0% #202D2D	RGB 32 45 45	#202D2D
16.7%	16.7% #1A2A29	RGB 26 42 41	#1A2A29
33.3%	33.3% #152826	RGB 21 40 38	#152826
50.0%	50.0% #102622	RGB 16 38 34	#102622
66.7%	66.7% #0A241F	RGB 10 36 31	#0A241F
83.3%	83.3% #05221B	RGB 5 34 27	#05221B
100.0%	100.0% #002018	RGB 0 32 24	#002018

#202D2D #1A2A29 #152826 #102622 #0A241F #05221B #002018

#202D2D - #002018

HSV Blend

#202D2D - #002018 | 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 #202D2D as 0% and #002018 as 100%.

0.0%	0.0% #202D2D	RGB 32 45 45	#202D2D
16.7%	16.7% #192A2A	RGB 25 42 42	#192A2A
33.3%	33.3% #132826	RGB 19 40 38	#132826
50.0%	50.0% #0D2623	RGB 13 38 35	#0D2623
66.7%	66.7% #08241F	RGB 8 36 31	#08241F
83.3%	83.3% #04221B	RGB 4 34 27	#04221B
100.0%	100.0% #002018	RGB 0 32 24	#002018

#202D2D #192A2A #132826 #0D2623 #08241F #04221B #002018

#202D2D - #0D2623 - #002018

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #202D2D 0%, #0D2623 50%, #002018 100%);
    background: -webkit-linear-gradient(top, #202D2D 0%, #0D2623 50%, #002018 100%);
    background: linear-gradient(to bottom, #202D2D 0%, #0D2623 50%, #002018 100%);
}
</style>