#050101 - #27313C | 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 #050101 to #27313C

#050101 #27313C

Calculate the color between two colors, #050101 and #27313C. 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)

#050101 - #27313C | 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 #050101 as 0% and #27313C as 100%.

0.0%	0.0% #050101	RGB 5 1 1	#050101
16.7%	16.7% #0A090A	RGB 10 9 10	#0A090A
33.3%	33.3% #101114	RGB 16 17 20	#101114
50.0%	50.0% #16191E	RGB 22 25 30	#16191E
66.7%	66.7% #1B2128	RGB 27 33 40	#1B2128
83.3%	83.3% #212932	RGB 33 41 50	#212932
100.0%	100.0% #27313C	RGB 39 49 60	#27313C

#050101 #0A090A #101114 #16191E #1B2128 #212932 #27313C

#050101 - #27313C

HSV Blend

#050101 - #27313C | 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 #050101 as 0% and #27313C as 100%.

0.0%	0.0% #050000	RGB 5 0 0	#050000
16.7%	16.7% #0E0308	RGB 14 3 8	#0E0308
33.3%	33.3% #170814	RGB 23 8 20	#170814
50.0%	50.0% #1C0D20	RGB 28 13 32	#1C0D20
66.7%	66.7% #1C1429	RGB 28 20 41	#1C1429
83.3%	83.3% #1D1E32	RGB 29 30 50	#1D1E32
100.0%	100.0% #27313C	RGB 39 49 60	#27313C

#050000 #0E0308 #170814 #1C0D20 #1C1429 #1D1E32 #27313C

#050101 - #1C0D20 - #27313C

CSS codes

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

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