#142431 - #07080B | 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 #142431 to #07080B

#142431 #07080B

Calculate the color between two colors, #142431 and #07080B. 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)

#142431 - #07080B | 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 #142431 as 0% and #07080B as 100%.

0.0%	0.0% #142431	RGB 20 36 49	#142431
16.7%	16.7% #111F2A	RGB 17 31 42	#111F2A
33.3%	33.3% #0F1A24	RGB 15 26 36	#0F1A24
50.0%	50.0% #0D161E	RGB 13 22 30	#0D161E
66.7%	66.7% #0B1117	RGB 11 17 23	#0B1117
83.3%	83.3% #090C11	RGB 9 12 17	#090C11
100.0%	100.0% #07080B	RGB 7 8 11	#07080B

#142431 #111F2A #0F1A24 #0D161E #0B1117 #090C11 #07080B

#142431 - #07080B

HSV Blend

#142431 - #07080B | 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 #142431 as 0% and #07080B as 100%.

0.0%	0.0% #142431	RGB 20 36 49	#142431
16.7%	16.7% #131E2A	RGB 19 30 42	#131E2A
33.3%	33.3% #111A24	RGB 17 26 36	#111A24
50.0%	50.0% #0F151E	RGB 15 21 30	#0F151E
66.7%	66.7% #0D1017	RGB 13 16 23	#0D1017
83.3%	83.3% #0A0C11	RGB 10 12 17	#0A0C11
100.0%	100.0% #07080B	RGB 7 8 11	#07080B

#142431 #131E2A #111A24 #0F151E #0D1017 #0A0C11 #07080B

#142431 - #0F151E - #07080B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #142431 0%, #0F151E 50%, #07080B 100%);
    background: -webkit-linear-gradient(top, #142431 0%, #0F151E 50%, #07080B 100%);
    background: linear-gradient(to bottom, #142431 0%, #0F151E 50%, #07080B 100%);
}
</style>