#6E6F6B - #CDB98E | 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 #6E6F6B to #CDB98E

#6E6F6B #CDB98E

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

#6E6F6B - #CDB98E | 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 #6E6F6B as 0% and #CDB98E as 100%.

0.0%	0.0% #6E6F6B	RGB 110 111 107	#6E6F6B
16.7%	16.7% #7D7B70	RGB 125 123 112	#7D7B70
33.3%	33.3% #8D8776	RGB 141 135 118	#8D8776
50.0%	50.0% #9D947C	RGB 157 148 124	#9D947C
66.7%	66.7% #ADA082	RGB 173 160 130	#ADA082
83.3%	83.3% #BDAC88	RGB 189 172 136	#BDAC88
100.0%	100.0% #CDB98E	RGB 205 185 142	#CDB98E

#6E6F6B #7D7B70 #8D8776 #9D947C #ADA082 #BDAC88 #CDB98E

#6E6F6B - #CDB98E

HSV Blend

#6E6F6B - #CDB98E | 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 #6E6F6B as 0% and #CDB98E as 100%.

0.0%	0.0% #6E6F6B	RGB 110 111 107	#6E6F6B
16.7%	16.7% #7D7E74	RGB 125 126 116	#7D7E74
33.3%	33.3% #8D8E7C	RGB 141 142 124	#8D8E7C
50.0%	50.0% #9E9D82	RGB 158 157 130	#9E9D82
66.7%	66.7% #ADA888	RGB 173 168 136	#ADA888
83.3%	83.3% #BDB28B	RGB 189 178 139	#BDB28B
100.0%	100.0% #CDB98E	RGB 205 185 142	#CDB98E

#6E6F6B #7D7E74 #8D8E7C #9E9D82 #ADA888 #BDB28B #CDB98E

#6E6F6B - #9E9D82 - #CDB98E

CSS codes

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

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