#6A5E5E - #86B59E | 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 #6A5E5E to #86B59E

#6A5E5E #86B59E

Calculate the color between two colors, #6A5E5E and #86B59E. 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)

#6A5E5E - #86B59E | 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 #6A5E5E as 0% and #86B59E as 100%.

0.0%	0.0% #6A5E5E	RGB 106 94 94	#6A5E5E
16.7%	16.7% #6E6C68	RGB 110 108 104	#6E6C68
33.3%	33.3% #737B73	RGB 115 123 115	#737B73
50.0%	50.0% #78897E	RGB 120 137 126	#78897E
66.7%	66.7% #7C9888	RGB 124 152 136	#7C9888
83.3%	83.3% #81A693	RGB 129 166 147	#81A693
100.0%	100.0% #86B59E	RGB 134 181 158	#86B59E

#6A5E5E #6E6C68 #737B73 #78897E #7C9888 #81A693 #86B59E

#6A5E5E - #86B59E

HSV Blend

#6A5E5E - #86B59E | 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 #6A5E5E as 0% and #86B59E as 100%.

0.0%	0.0% #6A5E5E	RGB 106 94 94	#6A5E5E
16.7%	16.7% #766D66	RGB 118 109 102	#766D66
33.3%	33.3% #837F6D	RGB 131 127 109	#837F6D
50.0%	50.0% #888F74	RGB 136 143 116	#888F74
66.7%	66.7% #859C7B	RGB 133 156 123	#859C7B
83.3%	83.3% #80A884	RGB 128 168 132	#80A884
100.0%	100.0% #86B59E	RGB 134 181 158	#86B59E

#6A5E5E #766D66 #837F6D #888F74 #859C7B #80A884 #86B59E

#6A5E5E - #888F74 - #86B59E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A5E5E 0%, #888F74 50%, #86B59E 100%);
    background: -webkit-linear-gradient(top, #6A5E5E 0%, #888F74 50%, #86B59E 100%);
    background: linear-gradient(to bottom, #6A5E5E 0%, #888F74 50%, #86B59E 100%);
}
</style>