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

#6B7F5E #DAC47E

Calculate the color between two colors, #6B7F5E 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)

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

0.0%	0.0% #6B7F5E	RGB 107 127 94	#6B7F5E
16.7%	16.7% #7D8A63	RGB 125 138 99	#7D8A63
33.3%	33.3% #909668	RGB 144 150 104	#909668
50.0%	50.0% #A2A16E	RGB 162 161 110	#A2A16E
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

#6B7F5E #7D8A63 #909668 #A2A16E #B5AD73 #C7B878 #DAC47E

#6B7F5E - #DAC47E

HSV Blend

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

0.0%	0.0% #6B7F5E	RGB 107 127 94	#6B7F5E
16.7%	16.7% #7B8E65	RGB 123 142 101	#7B8E65
33.3%	33.3% #8D9D6B	RGB 141 157 107	#8D9D6B
50.0%	50.0% #A1AC71	RGB 161 172 113	#A1AC71
66.7%	66.7% #B8BB76	RGB 184 187 118	#B8BB76
83.3%	83.3% #CAC27A	RGB 202 194 122	#CAC27A
100.0%	100.0% #DAC47E	RGB 218 196 126	#DAC47E

#6B7F5E #7B8E65 #8D9D6B #A1AC71 #B8BB76 #CAC27A #DAC47E

#6B7F5E - #A1AC71 - #DAC47E

CSS codes

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

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