#6A8D3C - #F0D164 | 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 #6A8D3C to #F0D164

#6A8D3C #F0D164

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

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

0.0%	0.0% #6A8D3C	RGB 106 141 60	#6A8D3C
16.7%	16.7% #809842	RGB 128 152 66	#809842
33.3%	33.3% #96A349	RGB 150 163 73	#96A349
50.0%	50.0% #ADAF50	RGB 173 175 80	#ADAF50
66.7%	66.7% #C3BA56	RGB 195 186 86	#C3BA56
83.3%	83.3% #D9C55D	RGB 217 197 93	#D9C55D
100.0%	100.0% #F0D164	RGB 240 209 100	#F0D164

#6A8D3C #809842 #96A349 #ADAF50 #C3BA56 #D9C55D #F0D164

#6A8D3C - #F0D164

HSV Blend

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

0.0%	0.0% #6A8D3C	RGB 106 141 60	#6A8D3C
16.7%	16.7% #809D42	RGB 128 157 66	#809D42
33.3%	33.3% #98AE49	RGB 152 174 73	#98AE49
50.0%	50.0% #B2BE50	RGB 178 190 80	#B2BE50
66.7%	66.7% #CFCE56	RGB 207 206 86	#CFCE56
83.3%	83.3% #DFD05D	RGB 223 208 93	#DFD05D
100.0%	100.0% #F0D164	RGB 240 209 100	#F0D164

#6A8D3C #809D42 #98AE49 #B2BE50 #CFCE56 #DFD05D #F0D164

#6A8D3C - #B2BE50 - #F0D164

CSS codes

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

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