#3C7E4C - #114027 | 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 #3C7E4C to #114027

#3C7E4C #114027

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

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

0.0%	0.0% #3C7E4C	RGB 60 126 76	#3C7E4C
16.7%	16.7% #347345	RGB 52 115 69	#347345
33.3%	33.3% #2D693F	RGB 45 105 63	#2D693F
50.0%	50.0% #265F39	RGB 38 95 57	#265F39
66.7%	66.7% #1F5433	RGB 31 84 51	#1F5433
83.3%	83.3% #184A2D	RGB 24 74 45	#184A2D
100.0%	100.0% #114027	RGB 17 64 39	#114027

#3C7E4C #347345 #2D693F #265F39 #1F5433 #184A2D #114027

#3C7E4C - #114027

HSV Blend

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

0.0%	0.0% #3C7E4C	RGB 60 126 76	#3C7E4C
16.7%	16.7% #337345	RGB 51 115 69	#337345
33.3%	33.3% #2A693E	RGB 42 105 62	#2A693E
50.0%	50.0% #235F38	RGB 35 95 56	#235F38
66.7%	66.7% #1C5432	RGB 28 84 50	#1C5432
83.3%	83.3% #164A2C	RGB 22 74 44	#164A2C
100.0%	100.0% #114027	RGB 17 64 39	#114027

#3C7E4C #337345 #2A693E #235F38 #1C5432 #164A2C #114027

#3C7E4C - #235F38 - #114027

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C7E4C 0%, #235F38 50%, #114027 100%);
    background: -webkit-linear-gradient(top, #3C7E4C 0%, #235F38 50%, #114027 100%);
    background: linear-gradient(to bottom, #3C7E4C 0%, #235F38 50%, #114027 100%);
}
</style>