#211D5E - #1F000C | 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 #211D5E to #1F000C

#211D5E #1F000C

Calculate the color between two colors, #211D5E and #1F000C. 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)

#211D5E - #1F000C | 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 #211D5E as 0% and #1F000C as 100%.

0.0%	0.0% #211D5E	RGB 33 29 94	#211D5E
16.7%	16.7% #201850	RGB 32 24 80	#201850
33.3%	33.3% #201342	RGB 32 19 66	#201342
50.0%	50.0% #200E35	RGB 32 14 53	#200E35
66.7%	66.7% #1F0927	RGB 31 9 39	#1F0927
83.3%	83.3% #1F0419	RGB 31 4 25	#1F0419
100.0%	100.0% #1F000C	RGB 31 0 12	#1F000C

#211D5E #201850 #201342 #200E35 #1F0927 #1F0419 #1F000C

#211D5E - #1F000C

HSV Blend

#211D5E - #1F000C | 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 #211D5E as 0% and #1F000C as 100%.

0.0%	0.0% #211D5E	RGB 33 29 94	#211D5E
16.7%	16.7% #291553	RGB 41 21 83	#291553
33.3%	33.3% #300F49	RGB 48 15 73	#300F49
50.0%	50.0% #35093E	RGB 53 9 62	#35093E
66.7%	66.7% #34052F	RGB 52 5 47	#34052F
83.3%	83.3% #29021B	RGB 41 2 27	#29021B
100.0%	100.0% #1F000C	RGB 31 0 12	#1F000C

#211D5E #291553 #300F49 #35093E #34052F #29021B #1F000C

#211D5E - #35093E - #1F000C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #211D5E 0%, #35093E 50%, #1F000C 100%);
    background: -webkit-linear-gradient(top, #211D5E 0%, #35093E 50%, #1F000C 100%);
    background: linear-gradient(to bottom, #211D5E 0%, #35093E 50%, #1F000C 100%);
}
</style>