#110F5E - #04041A | 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 #110F5E to #04041A

#110F5E #04041A

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

#110F5E - #04041A | 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 #110F5E as 0% and #04041A as 100%.

0.0%	0.0% #110F5E	RGB 17 15 94	#110F5E
16.7%	16.7% #0E0D52	RGB 14 13 82	#0E0D52
33.3%	33.3% #0C0B47	RGB 12 11 71	#0C0B47
50.0%	50.0% #0A093C	RGB 10 9 60	#0A093C
66.7%	66.7% #080730	RGB 8 7 48	#080730
83.3%	83.3% #060525	RGB 6 5 37	#060525
100.0%	100.0% #04041A	RGB 4 4 26	#04041A

#110F5E #0E0D52 #0C0B47 #0A093C #080730 #060525 #04041A

#110F5E - #04041A

HSV Blend

#110F5E - #04041A | 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 #110F5E as 0% and #04041A as 100%.

0.0%	0.0% #110E5E	RGB 17 14 94	#110E5E
16.7%	16.7% #0E0D52	RGB 14 13 82	#0E0D52
33.3%	33.3% #0C0B47	RGB 12 11 71	#0C0B47
50.0%	50.0% #0A093C	RGB 10 9 60	#0A093C
66.7%	66.7% #070730	RGB 7 7 48	#070730
83.3%	83.3% #050525	RGB 5 5 37	#050525
100.0%	100.0% #04041A	RGB 4 4 26	#04041A

#110E5E #0E0D52 #0C0B47 #0A093C #070730 #050525 #04041A

#110F5E - #0A093C - #04041A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #110E5E 0%, #0A093C 50%, #04041A 100%);
    background: -webkit-linear-gradient(top, #110E5E 0%, #0A093C 50%, #04041A 100%);
    background: linear-gradient(to bottom, #110E5E 0%, #0A093C 50%, #04041A 100%);
}
</style>