#0E131C - #040508 | 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 #0E131C to #040508

#0E131C #040508

Calculate the color between two colors, #0E131C and #040508. 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)

#0E131C - #040508 | 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 #0E131C as 0% and #040508 as 100%.

0.0%	0.0% #0E131C	RGB 14 19 28	#0E131C
16.7%	16.7% #0C1018	RGB 12 16 24	#0C1018
33.3%	33.3% #0A0E15	RGB 10 14 21	#0A0E15
50.0%	50.0% #090C12	RGB 9 12 18	#090C12
66.7%	66.7% #07090E	RGB 7 9 14	#07090E
83.3%	83.3% #05070B	RGB 5 7 11	#05070B
100.0%	100.0% #040508	RGB 4 5 8	#040508

#0E131C #0C1018 #0A0E15 #090C12 #07090E #05070B #040508

#0E131C - #040508

HSV Blend

#0E131C - #040508 | 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 #0E131C as 0% and #040508 as 100%.

0.0%	0.0% #0E131C	RGB 14 19 28	#0E131C
16.7%	16.7% #0C1018	RGB 12 16 24	#0C1018
33.3%	33.3% #0A0E15	RGB 10 14 21	#0A0E15
50.0%	50.0% #090B12	RGB 9 11 18	#090B12
66.7%	66.7% #07090E	RGB 7 9 14	#07090E
83.3%	83.3% #05070B	RGB 5 7 11	#05070B
100.0%	100.0% #040508	RGB 4 5 8	#040508

#0E131C #0C1018 #0A0E15 #090B12 #07090E #05070B #040508

#0E131C - #090B12 - #040508

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0E131C 0%, #090B12 50%, #040508 100%);
    background: -webkit-linear-gradient(top, #0E131C 0%, #090B12 50%, #040508 100%);
    background: linear-gradient(to bottom, #0E131C 0%, #090B12 50%, #040508 100%);
}
</style>