#6C7F5E - #DAC47E | 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 #6C7F5E to #DAC47E

#6C7F5E #DAC47E

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

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

0.0%	0.0% #6C7F5E	RGB 108 127 94	#6C7F5E
16.7%	16.7% #7E8A63	RGB 126 138 99	#7E8A63
33.3%	33.3% #909668	RGB 144 150 104	#909668
50.0%	50.0% #A3A16E	RGB 163 161 110	#A3A16E
66.7%	66.7% #B5AD73	RGB 181 173 115	#B5AD73
83.3%	83.3% #C7B878	RGB 199 184 120	#C7B878
100.0%	100.0% #DAC47E	RGB 218 196 126	#DAC47E

#6C7F5E #7E8A63 #909668 #A3A16E #B5AD73 #C7B878 #DAC47E

#6C7F5E - #DAC47E

HSV Blend

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

0.0%	0.0% #6C7F5E	RGB 108 127 94	#6C7F5E
16.7%	16.7% #7C8E65	RGB 124 142 101	#7C8E65
33.3%	33.3% #8E9D6B	RGB 142 157 107	#8E9D6B
50.0%	50.0% #A2AC71	RGB 162 172 113	#A2AC71
66.7%	66.7% #B9BB76	RGB 185 187 118	#B9BB76
83.3%	83.3% #CAC27A	RGB 202 194 122	#CAC27A
100.0%	100.0% #DAC47E	RGB 218 196 126	#DAC47E

#6C7F5E #7C8E65 #8E9D6B #A2AC71 #B9BB76 #CAC27A #DAC47E

#6C7F5E - #A2AC71 - #DAC47E

CSS codes

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

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