#1B331B - #022900 | 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 #1B331B to #022900

#1B331B #022900

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

#1B331B - #022900 | 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 #1B331B as 0% and #022900 as 100%.

0.0%	0.0% #1B331B	RGB 27 51 27	#1B331B
16.7%	16.7% #163116	RGB 22 49 22	#163116
33.3%	33.3% #122F12	RGB 18 47 18	#122F12
50.0%	50.0% #0E2E0D	RGB 14 46 13	#0E2E0D
66.7%	66.7% #0A2C09	RGB 10 44 9	#0A2C09
83.3%	83.3% #062A04	RGB 6 42 4	#062A04
100.0%	100.0% #022900	RGB 2 41 0	#022900

#1B331B #163116 #122F12 #0E2E0D #0A2C09 #062A04 #022900

#1B331B - #022900

HSV Blend

#1B331B - #022900 | 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 #1B331B as 0% and #022900 as 100%.

0.0%	0.0% #1B331B	RGB 27 51 27	#1B331B
16.7%	16.7% #153115	RGB 21 49 21	#153115
33.3%	33.3% #112F10	RGB 17 47 16	#112F10
50.0%	50.0% #0D2E0C	RGB 13 46 12	#0D2E0C
66.7%	66.7% #092C07	RGB 9 44 7	#092C07
83.3%	83.3% #052A03	RGB 5 42 3	#052A03
100.0%	100.0% #022900	RGB 2 41 0	#022900

#1B331B #153115 #112F10 #0D2E0C #092C07 #052A03 #022900

#1B331B - #0D2E0C - #022900

CSS codes

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

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