#3C7E4D - #114127 | 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 #3C7E4D to #114127

#3C7E4D #114127

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

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

0.0%	0.0% #3C7E4D	RGB 60 126 77	#3C7E4D
16.7%	16.7% #347346	RGB 52 115 70	#347346
33.3%	33.3% #2D6940	RGB 45 105 64	#2D6940
50.0%	50.0% #265F3A	RGB 38 95 58	#265F3A
66.7%	66.7% #1F5533	RGB 31 85 51	#1F5533
83.3%	83.3% #184B2D	RGB 24 75 45	#184B2D
100.0%	100.0% #114127	RGB 17 65 39	#114127

#3C7E4D #347346 #2D6940 #265F3A #1F5533 #184B2D #114127

#3C7E4D - #114127

HSV Blend

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

0.0%	0.0% #3C7E4D	RGB 60 126 77	#3C7E4D
16.7%	16.7% #337345	RGB 51 115 69	#337345
33.3%	33.3% #2A693F	RGB 42 105 63	#2A693F
50.0%	50.0% #235F38	RGB 35 95 56	#235F38
66.7%	66.7% #1C5532	RGB 28 85 50	#1C5532
83.3%	83.3% #164B2C	RGB 22 75 44	#164B2C
100.0%	100.0% #114127	RGB 17 65 39	#114127

#3C7E4D #337345 #2A693F #235F38 #1C5532 #164B2C #114127

#3C7E4D - #235F38 - #114127

CSS codes

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

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