#3E5E3C - #AEA962 | 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 #3E5E3C to #AEA962

#3E5E3C #AEA962

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

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

0.0%	0.0% #3E5E3C	RGB 62 94 60	#3E5E3C
16.7%	16.7% #506A42	RGB 80 106 66	#506A42
33.3%	33.3% #637748	RGB 99 119 72	#637748
50.0%	50.0% #76834F	RGB 118 131 79	#76834F
66.7%	66.7% #889055	RGB 136 144 85	#889055
83.3%	83.3% #9B9C5B	RGB 155 156 91	#9B9C5B
100.0%	100.0% #AEA962	RGB 174 169 98	#AEA962

#3E5E3C #506A42 #637748 #76834F #889055 #9B9C5B #AEA962

#3E5E3C - #AEA962

HSV Blend

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

0.0%	0.0% #3E5E3C	RGB 62 94 60	#3E5E3C
16.7%	16.7% #4C6B43	RGB 76 107 67	#4C6B43
33.3%	33.3% #5C784A	RGB 92 120 74	#5C784A
50.0%	50.0% #6E8650	RGB 110 134 80	#6E8650
66.7%	66.7% #829356	RGB 130 147 86	#829356
83.3%	83.3% #99A05C	RGB 153 160 92	#99A05C
100.0%	100.0% #AEA962	RGB 174 169 98	#AEA962

#3E5E3C #4C6B43 #5C784A #6E8650 #829356 #99A05C #AEA962

#3E5E3C - #6E8650 - #AEA962

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E3C 0%, #6E8650 50%, #AEA962 100%);
    background: -webkit-linear-gradient(top, #3E5E3C 0%, #6E8650 50%, #AEA962 100%);
    background: linear-gradient(to bottom, #3E5E3C 0%, #6E8650 50%, #AEA962 100%);
}
</style>