#3E6E6C - #AAA59C | 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 #3E6E6C to #AAA59C

#3E6E6C #AAA59C

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

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

0.0%	0.0% #3E6E6C	RGB 62 110 108	#3E6E6C
16.7%	16.7% #507774	RGB 80 119 116	#507774
33.3%	33.3% #62807C	RGB 98 128 124	#62807C
50.0%	50.0% #748984	RGB 116 137 132	#748984
66.7%	66.7% #86928C	RGB 134 146 140	#86928C
83.3%	83.3% #989B94	RGB 152 155 148	#989B94
100.0%	100.0% #AAA59C	RGB 170 165 156	#AAA59C

#3E6E6C #507774 #62807C #748984 #86928C #989B94 #AAA59C

#3E6E6C - #AAA59C

HSV Blend

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

0.0%	0.0% #3E6E6C	RGB 62 110 108	#3E6E6C
16.7%	16.7% #4A7864	RGB 74 120 100	#4A7864
33.3%	33.3% #588260	RGB 88 130 96	#588260
50.0%	50.0% #6E8C67	RGB 110 140 103	#6E8C67
66.7%	66.7% #899677	RGB 137 150 119	#899677
83.3%	83.3% #9FA089	RGB 159 160 137	#9FA089
100.0%	100.0% #AAA59C	RGB 170 165 156	#AAA59C

#3E6E6C #4A7864 #588260 #6E8C67 #899677 #9FA089 #AAA59C

#3E6E6C - #6E8C67 - #AAA59C

CSS codes

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

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