#0B220F - #3C5E44 | 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 #0B220F to #3C5E44

#0B220F #3C5E44

Calculate the color between two colors, #0B220F and #3C5E44. 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)

#0B220F - #3C5E44 | 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 #0B220F as 0% and #3C5E44 as 100%.

0.0%	0.0% #0B220F	RGB 11 34 15	#0B220F
16.7%	16.7% #132C17	RGB 19 44 23	#132C17
33.3%	33.3% #1B3620	RGB 27 54 32	#1B3620
50.0%	50.0% #234029	RGB 35 64 41	#234029
66.7%	66.7% #2B4A32	RGB 43 74 50	#2B4A32
83.3%	83.3% #33543B	RGB 51 84 59	#33543B
100.0%	100.0% #3C5E44	RGB 60 94 68	#3C5E44

#0B220F #132C17 #1B3620 #234029 #2B4A32 #33543B #3C5E44

#0B220F - #3C5E44

HSV Blend

#0B220F - #3C5E44 | 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 #0B220F as 0% and #3C5E44 as 100%.

0.0%	0.0% #0B220F	RGB 11 34 15	#0B220F
16.7%	16.7% #102C15	RGB 16 44 21	#102C15
33.3%	33.3% #17361D	RGB 23 54 29	#17361D
50.0%	50.0% #1E4025	RGB 30 64 37	#1E4025
66.7%	66.7% #274A2E	RGB 39 74 46	#274A2E
83.3%	83.3% #315439	RGB 49 84 57	#315439
100.0%	100.0% #3C5E44	RGB 60 94 68	#3C5E44

#0B220F #102C15 #17361D #1E4025 #274A2E #315439 #3C5E44

#0B220F - #1E4025 - #3C5E44

CSS codes

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

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