#3E5E4B - #9EA376 | 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 #3E5E4B to #9EA376

#3E5E4B #9EA376

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

#3E5E4B - #9EA376 | 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 #3E5E4B as 0% and #9EA376 as 100%.

0.0%	0.0% #3E5E4B	RGB 62 94 75	#3E5E4B
16.7%	16.7% #4E6952	RGB 78 105 82	#4E6952
33.3%	33.3% #5E7559	RGB 94 117 89	#5E7559
50.0%	50.0% #6E8060	RGB 110 128 96	#6E8060
66.7%	66.7% #7E8C67	RGB 126 140 103	#7E8C67
83.3%	83.3% #8E976E	RGB 142 151 110	#8E976E
100.0%	100.0% #9EA376	RGB 158 163 118	#9EA376

#3E5E4B #4E6952 #5E7559 #6E8060 #7E8C67 #8E976E #9EA376

#3E5E4B - #9EA376

HSV Blend

#3E5E4B - #9EA376 | 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 #3E5E4B as 0% and #9EA376 as 100%.

0.0%	0.0% #3E5E4B	RGB 62 94 75	#3E5E4B
16.7%	16.7% #46694D	RGB 70 105 77	#46694D
33.3%	33.3% #50754F	RGB 80 117 79	#50754F
50.0%	50.0% #628058	RGB 98 128 88	#628058
66.7%	66.7% #758C62	RGB 117 140 98	#758C62
83.3%	83.3% #89976C	RGB 137 151 108	#89976C
100.0%	100.0% #9EA376	RGB 158 163 118	#9EA376

#3E5E4B #46694D #50754F #628058 #758C62 #89976C #9EA376

#3E5E4B - #628058 - #9EA376

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E4B 0%, #628058 50%, #9EA376 100%);
    background: -webkit-linear-gradient(top, #3E5E4B 0%, #628058 50%, #9EA376 100%);
    background: linear-gradient(to bottom, #3E5E4B 0%, #628058 50%, #9EA376 100%);
}
</style>