#211036 - #09040F | 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 #211036 to #09040F

#211036 #09040F

Calculate the color between two colors, #211036 and #09040F. 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)

#211036 - #09040F | 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 #211036 as 0% and #09040F as 100%.

0.0%	0.0% #211036	RGB 33 16 54	#211036
16.7%	16.7% #1D0E2F	RGB 29 14 47	#1D0E2F
33.3%	33.3% #190C29	RGB 25 12 41	#190C29
50.0%	50.0% #150A22	RGB 21 10 34	#150A22
66.7%	66.7% #11081C	RGB 17 8 28	#11081C
83.3%	83.3% #0D0615	RGB 13 6 21	#0D0615
100.0%	100.0% #09040F	RGB 9 4 15	#09040F

#211036 #1D0E2F #190C29 #150A22 #11081C #0D0615 #09040F

#211036 - #09040F

HSV Blend

#211036 - #09040F | 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 #211036 as 0% and #09040F as 100%.

0.0%	0.0% #201036	RGB 32 16 54	#201036
16.7%	16.7% #1C0D2F	RGB 28 13 47	#1C0D2F
33.3%	33.3% #180B29	RGB 24 11 41	#180B29
50.0%	50.0% #140922	RGB 20 9 34	#140922
66.7%	66.7% #10071C	RGB 16 7 28	#10071C
83.3%	83.3% #0C0515	RGB 12 5 21	#0C0515
100.0%	100.0% #09040F	RGB 9 4 15	#09040F

#201036 #1C0D2F #180B29 #140922 #10071C #0C0515 #09040F

#211036 - #140922 - #09040F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201036 0%, #140922 50%, #09040F 100%);
    background: -webkit-linear-gradient(top, #201036 0%, #140922 50%, #09040F 100%);
    background: linear-gradient(to bottom, #201036 0%, #140922 50%, #09040F 100%);
}
</style>