#6C5E6D - #9AB98C | 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 #6C5E6D to #9AB98C

#6C5E6D #9AB98C

Calculate the color between two colors, #6C5E6D and #9AB98C. 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)

#6C5E6D - #9AB98C | 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 #6C5E6D as 0% and #9AB98C as 100%.

0.0%	0.0% #6C5E6D	RGB 108 94 109	#6C5E6D
16.7%	16.7% #736D72	RGB 115 109 114	#736D72
33.3%	33.3% #7B7C77	RGB 123 124 119	#7B7C77
50.0%	50.0% #838B7C	RGB 131 139 124	#838B7C
66.7%	66.7% #8A9A81	RGB 138 154 129	#8A9A81
83.3%	83.3% #92A986	RGB 146 169 134	#92A986
100.0%	100.0% #9AB98C	RGB 154 185 140	#9AB98C

#6C5E6D #736D72 #7B7C77 #838B7C #8A9A81 #92A986 #9AB98C

#6C5E6D - #9AB98C

HSV Blend

#6C5E6D - #9AB98C | 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 #6C5E6D as 0% and #9AB98C as 100%.

0.0%	0.0% #6C5E6D	RGB 108 94 109	#6C5E6D
16.7%	16.7% #796672	RGB 121 102 114	#796672
33.3%	33.3% #866F72	RGB 134 111 114	#866F72
50.0%	50.0% #937F77	RGB 147 127 119	#937F77
66.7%	66.7% #9F987E	RGB 159 152 126	#9F987E
83.3%	83.3% #A3AC85	RGB 163 172 133	#A3AC85
100.0%	100.0% #9AB98C	RGB 154 185 140	#9AB98C

#6C5E6D #796672 #866F72 #937F77 #9F987E #A3AC85 #9AB98C

#6C5E6D - #937F77 - #9AB98C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C5E6D 0%, #937F77 50%, #9AB98C 100%);
    background: -webkit-linear-gradient(top, #6C5E6D 0%, #937F77 50%, #9AB98C 100%);
    background: linear-gradient(to bottom, #6C5E6D 0%, #937F77 50%, #9AB98C 100%);
}
</style>