#3C5E4A - #0C2F22 | 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 #3C5E4A to #0C2F22

#3C5E4A #0C2F22

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

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

0.0%	0.0% #3C5E4A	RGB 60 94 74	#3C5E4A
16.7%	16.7% #345643	RGB 52 86 67	#345643
33.3%	33.3% #2C4E3C	RGB 44 78 60	#2C4E3C
50.0%	50.0% #244636	RGB 36 70 54	#244636
66.7%	66.7% #1C3E2F	RGB 28 62 47	#1C3E2F
83.3%	83.3% #143628	RGB 20 54 40	#143628
100.0%	100.0% #0C2F22	RGB 12 47 34	#0C2F22

#3C5E4A #345643 #2C4E3C #244636 #1C3E2F #143628 #0C2F22

#3C5E4A - #0C2F22

HSV Blend

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

0.0%	0.0% #3C5E4A	RGB 60 94 74	#3C5E4A
16.7%	16.7% #315641	RGB 49 86 65	#315641
33.3%	33.3% #284E3A	RGB 40 78 58	#284E3A
50.0%	50.0% #1F4633	RGB 31 70 51	#1F4633
66.7%	66.7% #183E2D	RGB 24 62 45	#183E2D
83.3%	83.3% #113627	RGB 17 54 39	#113627
100.0%	100.0% #0C2F22	RGB 12 47 34	#0C2F22

#3C5E4A #315641 #284E3A #1F4633 #183E2D #113627 #0C2F22

#3C5E4A - #1F4633 - #0C2F22

CSS codes

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

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