#201328 - #040208 | 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 #201328 to #040208

#201328 #040208

Calculate the color between two colors, #201328 and #040208. 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)

#201328 - #040208 | 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 #201328 as 0% and #040208 as 100%.

0.0%	0.0% #201328	RGB 32 19 40	#201328
16.7%	16.7% #1B1022	RGB 27 16 34	#1B1022
33.3%	33.3% #160D1D	RGB 22 13 29	#160D1D
50.0%	50.0% #120A18	RGB 18 10 24	#120A18
66.7%	66.7% #0D0712	RGB 13 7 18	#0D0712
83.3%	83.3% #08040D	RGB 8 4 13	#08040D
100.0%	100.0% #040208	RGB 4 2 8	#040208

#201328 #1B1022 #160D1D #120A18 #0D0712 #08040D #040208

#201328 - #040208

HSV Blend

#201328 - #040208 | 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 #201328 as 0% and #040208 as 100%.

0.0%	0.0% #1F1328	RGB 31 19 40	#1F1328
16.7%	16.7% #1A0F22	RGB 26 15 34	#1A0F22
33.3%	33.3% #140B1D	RGB 20 11 29	#140B1D
50.0%	50.0% #0F0818	RGB 15 8 24	#0F0818
66.7%	66.7% #0B0612	RGB 11 6 18	#0B0612
83.3%	83.3% #07030D	RGB 7 3 13	#07030D
100.0%	100.0% #040208	RGB 4 2 8	#040208

#1F1328 #1A0F22 #140B1D #0F0818 #0B0612 #07030D #040208

#201328 - #0F0818 - #040208

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F1328 0%, #0F0818 50%, #040208 100%);
    background: -webkit-linear-gradient(top, #1F1328 0%, #0F0818 50%, #040208 100%);
    background: linear-gradient(to bottom, #1F1328 0%, #0F0818 50%, #040208 100%);
}
</style>