#201D3C - #090811 | 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 #201D3C to #090811

#201D3C #090811

Calculate the color between two colors, #201D3C and #090811. 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)

#201D3C - #090811 | 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 #201D3C as 0% and #090811 as 100%.

0.0%	0.0% #201D3C	RGB 32 29 60	#201D3C
16.7%	16.7% #1C1934	RGB 28 25 52	#1C1934
33.3%	33.3% #18162D	RGB 24 22 45	#18162D
50.0%	50.0% #141226	RGB 20 18 38	#141226
66.7%	66.7% #100F1F	RGB 16 15 31	#100F1F
83.3%	83.3% #0C0B18	RGB 12 11 24	#0C0B18
100.0%	100.0% #090811	RGB 9 8 17	#090811

#201D3C #1C1934 #18162D #141226 #100F1F #0C0B18 #090811

#201D3C - #090811

HSV Blend

#201D3C - #090811 | 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 #201D3C as 0% and #090811 as 100%.

0.0%	0.0% #201D3C	RGB 32 29 60	#201D3C
16.7%	16.7% #1C1934	RGB 28 25 52	#1C1934
33.3%	33.3% #18152D	RGB 24 21 45	#18152D
50.0%	50.0% #141226	RGB 20 18 38	#141226
66.7%	66.7% #100E1F	RGB 16 14 31	#100E1F
83.3%	83.3% #0C0B18	RGB 12 11 24	#0C0B18
100.0%	100.0% #090811	RGB 9 8 17	#090811

#201D3C #1C1934 #18152D #141226 #100E1F #0C0B18 #090811

#201D3C - #141226 - #090811

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201D3C 0%, #141226 50%, #090811 100%);
    background: -webkit-linear-gradient(top, #201D3C 0%, #141226 50%, #090811 100%);
    background: linear-gradient(to bottom, #201D3C 0%, #141226 50%, #090811 100%);
}
</style>