#8AAA9C - #3E705E | 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 #8AAA9C to #3E705E

#8AAA9C #3E705E

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

#8AAA9C - #3E705E | 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 #8AAA9C as 0% and #3E705E as 100%.

0.0%	0.0% #8AAA9C	RGB 138 170 156	#8AAA9C
16.7%	16.7% #7DA091	RGB 125 160 145	#7DA091
33.3%	33.3% #709687	RGB 112 150 135	#709687
50.0%	50.0% #648D7D	RGB 100 141 125	#648D7D
66.7%	66.7% #578372	RGB 87 131 114	#578372
83.3%	83.3% #4A7968	RGB 74 121 104	#4A7968
100.0%	100.0% #3E705E	RGB 62 112 94	#3E705E

#8AAA9C #7DA091 #709687 #648D7D #578372 #4A7968 #3E705E

#8AAA9C - #3E705E

HSV Blend

#8AAA9C - #3E705E | 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 #8AAA9C as 0% and #3E705E as 100%.

0.0%	0.0% #8AAA9C	RGB 138 170 156	#8AAA9C
16.7%	16.7% #7BA090	RGB 123 160 144	#7BA090
33.3%	33.3% #6D9685	RGB 109 150 133	#6D9685
50.0%	50.0% #608D7B	RGB 96 141 123	#608D7B
66.7%	66.7% #548371	RGB 84 131 113	#548371
83.3%	83.3% #487967	RGB 72 121 103	#487967
100.0%	100.0% #3E705E	RGB 62 112 94	#3E705E

#8AAA9C #7BA090 #6D9685 #608D7B #548371 #487967 #3E705E

#8AAA9C - #608D7B - #3E705E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8AAA9C 0%, #608D7B 50%, #3E705E 100%);
    background: -webkit-linear-gradient(top, #8AAA9C 0%, #608D7B 50%, #3E705E 100%);
    background: linear-gradient(to bottom, #8AAA9C 0%, #608D7B 50%, #3E705E 100%);
}
</style>