#2E2E48 - #011610 | 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 #2E2E48 to #011610

#2E2E48 #011610

Calculate the color between two colors, #2E2E48 and #011610. 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)

#2E2E48 - #011610 | 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 #2E2E48 as 0% and #011610 as 100%.

0.0%	0.0% #2E2E48	RGB 46 46 72	#2E2E48
16.7%	16.7% #262A3E	RGB 38 42 62	#262A3E
33.3%	33.3% #1F2635	RGB 31 38 53	#1F2635
50.0%	50.0% #17222C	RGB 23 34 44	#17222C
66.7%	66.7% #0F1E22	RGB 15 30 34	#0F1E22
83.3%	83.3% #081A19	RGB 8 26 25	#081A19
100.0%	100.0% #011610	RGB 1 22 16	#011610

#2E2E48 #262A3E #1F2635 #17222C #0F1E22 #081A19 #011610

#2E2E48 - #011610

HSV Blend

#2E2E48 - #011610 | 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 #2E2E48 as 0% and #011610 as 100%.

0.0%	0.0% #2E2E48	RGB 46 46 72	#2E2E48
16.7%	16.7% #22283F	RGB 34 40 63	#22283F
33.3%	33.3% #182537	RGB 24 37 55	#182537
50.0%	50.0% #10232F	RGB 16 35 47	#10232F
66.7%	66.7% #092226	RGB 9 34 38	#092226
83.3%	83.3% #041E1C	RGB 4 30 28	#041E1C
100.0%	100.0% #011610	RGB 1 22 16	#011610

#2E2E48 #22283F #182537 #10232F #092226 #041E1C #011610

#2E2E48 - #10232F - #011610

CSS codes

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

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