#042D15 - #010C06 | 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 #042D15 to #010C06

#042D15 #010C06

Calculate the color between two colors, #042D15 and #010C06. 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)

#042D15 - #010C06 | 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 #042D15 as 0% and #010C06 as 100%.

0.0%	0.0% #042D15	RGB 4 45 21	#042D15
16.7%	16.7% #032712	RGB 3 39 18	#032712
33.3%	33.3% #032210	RGB 3 34 16	#032210
50.0%	50.0% #021C0D	RGB 2 28 13	#021C0D
66.7%	66.7% #02170B	RGB 2 23 11	#02170B
83.3%	83.3% #011108	RGB 1 17 8	#011108
100.0%	100.0% #010C06	RGB 1 12 6	#010C06

#042D15 #032712 #032210 #021C0D #02170B #011108 #010C06

#042D15 - #010C06

HSV Blend

#042D15 - #010C06 | 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 #042D15 as 0% and #010C06 as 100%.

0.0%	0.0% #032D15	RGB 3 45 21	#032D15
16.7%	16.7% #032712	RGB 3 39 18	#032712
33.3%	33.3% #022210	RGB 2 34 16	#022210
50.0%	50.0% #021C0D	RGB 2 28 13	#021C0D
66.7%	66.7% #01170B	RGB 1 23 11	#01170B
83.3%	83.3% #011108	RGB 1 17 8	#011108
100.0%	100.0% #010C06	RGB 1 12 6	#010C06

#032D15 #032712 #022210 #021C0D #01170B #011108 #010C06

#042D15 - #021C0D - #010C06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #032D15 0%, #021C0D 50%, #010C06 100%);
    background: -webkit-linear-gradient(top, #032D15 0%, #021C0D 50%, #010C06 100%);
    background: linear-gradient(to bottom, #032D15 0%, #021C0D 50%, #010C06 100%);
}
</style>