#3C7E62 - #0C482E | 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 #3C7E62 to #0C482E

#3C7E62 #0C482E

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

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

0.0%	0.0% #3C7E62	RGB 60 126 98	#3C7E62
16.7%	16.7% #347559	RGB 52 117 89	#347559
33.3%	33.3% #2C6C50	RGB 44 108 80	#2C6C50
50.0%	50.0% #246348	RGB 36 99 72	#246348
66.7%	66.7% #1C5A3F	RGB 28 90 63	#1C5A3F
83.3%	83.3% #145136	RGB 20 81 54	#145136
100.0%	100.0% #0C482E	RGB 12 72 46	#0C482E

#3C7E62 #347559 #2C6C50 #246348 #1C5A3F #145136 #0C482E

#3C7E62 - #0C482E

HSV Blend

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

0.0%	0.0% #3C7E62	RGB 60 126 98	#3C7E62
16.7%	16.7% #317558	RGB 49 117 88	#317558
33.3%	33.3% #286C4F	RGB 40 108 79	#286C4F
50.0%	50.0% #1F6346	RGB 31 99 70	#1F6346
66.7%	66.7% #185A3D	RGB 24 90 61	#185A3D
83.3%	83.3% #115135	RGB 17 81 53	#115135
100.0%	100.0% #0C482E	RGB 12 72 46	#0C482E

#3C7E62 #317558 #286C4F #1F6346 #185A3D #115135 #0C482E

#3C7E62 - #1F6346 - #0C482E

CSS codes

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

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