#010220 - #200F5E | 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 #010220 to #200F5E

#010220 #200F5E

Calculate the color between two colors, #010220 and #200F5E. 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)

#010220 - #200F5E | 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 #010220 as 0% and #200F5E as 100%.

0.0%	0.0% #010220	RGB 1 2 32	#010220
16.7%	16.7% #06042A	RGB 6 4 42	#06042A
33.3%	33.3% #0B0634	RGB 11 6 52	#0B0634
50.0%	50.0% #10083F	RGB 16 8 63	#10083F
66.7%	66.7% #150A49	RGB 21 10 73	#150A49
83.3%	83.3% #1A0C53	RGB 26 12 83	#1A0C53
100.0%	100.0% #200F5E	RGB 32 15 94	#200F5E

#010220 #06042A #0B0634 #10083F #150A49 #1A0C53 #200F5E

#010220 - #200F5E

HSV Blend

#010220 - #200F5E | 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 #010220 as 0% and #200F5E as 100%.

0.0%	0.0% #010120	RGB 1 1 32	#010120
16.7%	16.7% #02022A	RGB 2 2 42	#02022A
33.3%	33.3% #060334	RGB 6 3 52	#060334
50.0%	50.0% #0B063F	RGB 11 6 63	#0B063F
66.7%	66.7% #110849	RGB 17 8 73	#110849
83.3%	83.3% #180B53	RGB 24 11 83	#180B53
100.0%	100.0% #200F5E	RGB 32 15 94	#200F5E

#010120 #02022A #060334 #0B063F #110849 #180B53 #200F5E

#010220 - #0B063F - #200F5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #010120 0%, #0B063F 50%, #200F5E 100%);
    background: -webkit-linear-gradient(top, #010120 0%, #0B063F 50%, #200F5E 100%);
    background: linear-gradient(to bottom, #010120 0%, #0B063F 50%, #200F5E 100%);
}
</style>