#6F5959 - #8CAD9A | 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 #6F5959 to #8CAD9A

#6F5959 #8CAD9A

Calculate the color between two colors, #6F5959 and #8CAD9A. 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)

#6F5959 - #8CAD9A | 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 #6F5959 as 0% and #8CAD9A as 100%.

0.0%	0.0% #6F5959	RGB 111 89 89	#6F5959
16.7%	16.7% #736763	RGB 115 103 99	#736763
33.3%	33.3% #78756E	RGB 120 117 110	#78756E
50.0%	50.0% #7D8379	RGB 125 131 121	#7D8379
66.7%	66.7% #829184	RGB 130 145 132	#829184
83.3%	83.3% #879F8F	RGB 135 159 143	#879F8F
100.0%	100.0% #8CAD9A	RGB 140 173 154	#8CAD9A

#6F5959 #736763 #78756E #7D8379 #829184 #879F8F #8CAD9A

#6F5959 - #8CAD9A

HSV Blend

#6F5959 - #8CAD9A | 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 #6F5959 as 0% and #8CAD9A as 100%.

0.0%	0.0% #6F5959	RGB 111 89 89	#6F5959
16.7%	16.7% #796B61	RGB 121 107 97	#796B61
33.3%	33.3% #837E69	RGB 131 126 105	#837E69
50.0%	50.0% #888E72	RGB 136 142 114	#888E72
66.7%	66.7% #86987A	RGB 134 152 122	#86987A
83.3%	83.3% #83A284	RGB 131 162 132	#83A284
100.0%	100.0% #8CAD9A	RGB 140 173 154	#8CAD9A

#6F5959 #796B61 #837E69 #888E72 #86987A #83A284 #8CAD9A

#6F5959 - #888E72 - #8CAD9A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F5959 0%, #888E72 50%, #8CAD9A 100%);
    background: -webkit-linear-gradient(top, #6F5959 0%, #888E72 50%, #8CAD9A 100%);
    background: linear-gradient(to bottom, #6F5959 0%, #888E72 50%, #8CAD9A 100%);
}
</style>