#1B2912 - #061F01 | 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 #1B2912 to #061F01

#1B2912 #061F01

Calculate the color between two colors, #1B2912 and #061F01. 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)

#1B2912 - #061F01 | 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 #1B2912 as 0% and #061F01 as 100%.

0.0%	0.0% #1B2912	RGB 27 41 18	#1B2912
16.7%	16.7% #17270F	RGB 23 39 15	#17270F
33.3%	33.3% #14250C	RGB 20 37 12	#14250C
50.0%	50.0% #102409	RGB 16 36 9	#102409
66.7%	66.7% #0D2206	RGB 13 34 6	#0D2206
83.3%	83.3% #092003	RGB 9 32 3	#092003
100.0%	100.0% #061F01	RGB 6 31 1	#061F01

#1B2912 #17270F #14250C #102409 #0D2206 #092003 #061F01

#1B2912 - #061F01

HSV Blend

#1B2912 - #061F01 | 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 #1B2912 as 0% and #061F01 as 100%.

0.0%	0.0% #1B2912	RGB 27 41 18	#1B2912
16.7%	16.7% #17270E	RGB 23 39 14	#17270E
33.3%	33.3% #13250B	RGB 19 37 11	#13250B
50.0%	50.0% #102408	RGB 16 36 8	#102408
66.7%	66.7% #0C2205	RGB 12 34 5	#0C2205
83.3%	83.3% #092003	RGB 9 32 3	#092003
100.0%	100.0% #061F01	RGB 6 31 1	#061F01

#1B2912 #17270E #13250B #102408 #0C2205 #092003 #061F01

#1B2912 - #102408 - #061F01

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B2912 0%, #102408 50%, #061F01 100%);
    background: -webkit-linear-gradient(top, #1B2912 0%, #102408 50%, #061F01 100%);
    background: linear-gradient(to bottom, #1B2912 0%, #102408 50%, #061F01 100%);
}
</style>