#3C7E5F - #074D21 | 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 #3C7E5F to #074D21

#3C7E5F #074D21

Calculate the color between two colors, #3C7E5F and #074D21. 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)

#3C7E5F - #074D21 | 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 #3C7E5F as 0% and #074D21 as 100%.

0.0%	0.0% #3C7E5F	RGB 60 126 95	#3C7E5F
16.7%	16.7% #337554	RGB 51 117 84	#337554
33.3%	33.3% #2A6D4A	RGB 42 109 74	#2A6D4A
50.0%	50.0% #216540	RGB 33 101 64	#216540
66.7%	66.7% #185D35	RGB 24 93 53	#185D35
83.3%	83.3% #0F552B	RGB 15 85 43	#0F552B
100.0%	100.0% #074D21	RGB 7 77 33	#074D21

#3C7E5F #337554 #2A6D4A #216540 #185D35 #0F552B #074D21

#3C7E5F - #074D21

HSV Blend

#3C7E5F - #074D21 | 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 #3C7E5F as 0% and #074D21 as 100%.

0.0%	0.0% #3C7E5F	RGB 60 126 95	#3C7E5F
16.7%	16.7% #307553	RGB 48 117 83	#307553
33.3%	33.3% #266D48	RGB 38 109 72	#266D48
50.0%	50.0% #1C653D	RGB 28 101 61	#1C653D
66.7%	66.7% #145D33	RGB 20 93 51	#145D33
83.3%	83.3% #0D5529	RGB 13 85 41	#0D5529
100.0%	100.0% #074D21	RGB 7 77 33	#074D21

#3C7E5F #307553 #266D48 #1C653D #145D33 #0D5529 #074D21

#3C7E5F - #1C653D - #074D21

CSS codes

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

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