#6B5B5D - #8AB59F | 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 #6B5B5D to #8AB59F

#6B5B5D #8AB59F

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

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

0.0%	0.0% #6B5B5D	RGB 107 91 93	#6B5B5D
16.7%	16.7% #706A68	RGB 112 106 104	#706A68
33.3%	33.3% #757973	RGB 117 121 115	#757973
50.0%	50.0% #7A887E	RGB 122 136 126	#7A887E
66.7%	66.7% #7F9789	RGB 127 151 137	#7F9789
83.3%	83.3% #84A694	RGB 132 166 148	#84A694
100.0%	100.0% #8AB59F	RGB 138 181 159	#8AB59F

#6B5B5D #706A68 #757973 #7A887E #7F9789 #84A694 #8AB59F

#6B5B5D - #8AB59F

HSV Blend

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

0.0%	0.0% #6B5B5D	RGB 107 91 93	#6B5B5D
16.7%	16.7% #776963	RGB 119 105 99	#776963
33.3%	33.3% #837D6C	RGB 131 125 108	#837D6C
50.0%	50.0% #8A9074	RGB 138 144 116	#8A9074
66.7%	66.7% #889C7B	RGB 136 156 123	#889C7B
83.3%	83.3% #83A885	RGB 131 168 133	#83A885
100.0%	100.0% #8AB59F	RGB 138 181 159	#8AB59F

#6B5B5D #776963 #837D6C #8A9074 #889C7B #83A885 #8AB59F

#6B5B5D - #8A9074 - #8AB59F

CSS codes

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

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