#377262 - #08422C | 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 #377262 to #08422C

#377262 #08422C

Calculate the color between two colors, #377262 and #08422C. 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)

#377262 - #08422C | 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 #377262 as 0% and #08422C as 100%.

0.0%	0.0% #377262	RGB 55 114 98	#377262
16.7%	16.7% #2F6A59	RGB 47 106 89	#2F6A59
33.3%	33.3% #276250	RGB 39 98 80	#276250
50.0%	50.0% #1F5A47	RGB 31 90 71	#1F5A47
66.7%	66.7% #17523E	RGB 23 82 62	#17523E
83.3%	83.3% #0F4A35	RGB 15 74 53	#0F4A35
100.0%	100.0% #08422C	RGB 8 66 44	#08422C

#377262 #2F6A59 #276250 #1F5A47 #17523E #0F4A35 #08422C

#377262 - #08422C

HSV Blend

#377262 - #08422C | 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 #377262 as 0% and #08422C as 100%.

0.0%	0.0% #377262	RGB 55 114 98	#377262
16.7%	16.7% #2C6A58	RGB 44 106 88	#2C6A58
33.3%	33.3% #23624E	RGB 35 98 78	#23624E
50.0%	50.0% #1B5A45	RGB 27 90 69	#1B5A45
66.7%	66.7% #13523C	RGB 19 82 60	#13523C
83.3%	83.3% #0D4A34	RGB 13 74 52	#0D4A34
100.0%	100.0% #08422C	RGB 8 66 44	#08422C

#377262 #2C6A58 #23624E #1B5A45 #13523C #0D4A34 #08422C

#377262 - #1B5A45 - #08422C

CSS codes

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

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