#000000 - #142D00 | 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 #000000 to #142D00

#000000 #142D00

Calculate the color between two colors, #000000 and #142D00. 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)

#000000 - #142D00 | 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 #000000 as 0% and #142D00 as 100%.

0.0%	0.0% #000000	RGB 0 0 0	#000000
16.7%	16.7% #030700	RGB 3 7 0	#030700
33.3%	33.3% #060F00	RGB 6 15 0	#060F00
50.0%	50.0% #0A1600	RGB 10 22 0	#0A1600
66.7%	66.7% #0D1E00	RGB 13 30 0	#0D1E00
83.3%	83.3% #102500	RGB 16 37 0	#102500
100.0%	100.0% #142D00	RGB 20 45 0	#142D00

#000000 #030700 #060F00 #0A1600 #0D1E00 #102500 #142D00

#000000 - #142D00

HSV Blend

#000000 - #142D00 | 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 #000000 as 0% and #142D00 as 100%.

0.0%	0.0% #000000	RGB 0 0 0	#000000
16.7%	16.7% #070606	RGB 7 6 6	#070606
33.3%	33.3% #0F0C0A	RGB 15 12 10	#0F0C0A
50.0%	50.0% #16140B	RGB 22 20 11	#16140B
66.7%	66.7% #1D1E0A	RGB 29 30 10	#1D1E0A
83.3%	83.3% #1C2506	RGB 28 37 6	#1C2506
100.0%	100.0% #142D00	RGB 20 45 0	#142D00

#000000 #070606 #0F0C0A #16140B #1D1E0A #1C2506 #142D00

#000000 - #16140B - #142D00

CSS codes

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

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