#3C7E6D - #11413D | 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 #3C7E6D to #11413D

#3C7E6D #11413D

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

#3C7E6D - #11413D | 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 #3C7E6D as 0% and #11413D as 100%.

0.0%	0.0% #3C7E6D	RGB 60 126 109	#3C7E6D
16.7%	16.7% #347365	RGB 52 115 101	#347365
33.3%	33.3% #2D695D	RGB 45 105 93	#2D695D
50.0%	50.0% #265F55	RGB 38 95 85	#265F55
66.7%	66.7% #1F554D	RGB 31 85 77	#1F554D
83.3%	83.3% #184B45	RGB 24 75 69	#184B45
100.0%	100.0% #11413D	RGB 17 65 61	#11413D

#3C7E6D #347365 #2D695D #265F55 #1F554D #184B45 #11413D

#3C7E6D - #11413D

HSV Blend

#3C7E6D - #11413D | 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 #3C7E6D as 0% and #11413D as 100%.

0.0%	0.0% #3C7E6D	RGB 60 126 109	#3C7E6D
16.7%	16.7% #337365	RGB 51 115 101	#337365
33.3%	33.3% #2A695D	RGB 42 105 93	#2A695D
50.0%	50.0% #235F55	RGB 35 95 85	#235F55
66.7%	66.7% #1C554D	RGB 28 85 77	#1C554D
83.3%	83.3% #164B45	RGB 22 75 69	#164B45
100.0%	100.0% #11413D	RGB 17 65 61	#11413D

#3C7E6D #337365 #2A695D #235F55 #1C554D #164B45 #11413D

#3C7E6D - #235F55 - #11413D

CSS codes

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

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