#6A8C42 - #EDD069 | 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 #6A8C42 to #EDD069

#6A8C42 #EDD069

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

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

0.0%	0.0% #6A8C42	RGB 106 140 66	#6A8C42
16.7%	16.7% #7F9748	RGB 127 151 72	#7F9748
33.3%	33.3% #95A24F	RGB 149 162 79	#95A24F
50.0%	50.0% #ABAE55	RGB 171 174 85	#ABAE55
66.7%	66.7% #C1B95C	RGB 193 185 92	#C1B95C
83.3%	83.3% #D7C462	RGB 215 196 98	#D7C462
100.0%	100.0% #EDD069	RGB 237 208 105	#EDD069

#6A8C42 #7F9748 #95A24F #ABAE55 #C1B95C #D7C462 #EDD069

#6A8C42 - #EDD069

HSV Blend

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

0.0%	0.0% #6A8C42	RGB 106 140 66	#6A8C42
16.7%	16.7% #7F9C48	RGB 127 156 72	#7F9C48
33.3%	33.3% #96AC4F	RGB 150 172 79	#96AC4F
50.0%	50.0% #B0BC56	RGB 176 188 86	#B0BC56
66.7%	66.7% #CBCC5C	RGB 203 204 92	#CBCC5C
83.3%	83.3% #DCCF62	RGB 220 207 98	#DCCF62
100.0%	100.0% #EDD069	RGB 237 208 105	#EDD069

#6A8C42 #7F9C48 #96AC4F #B0BC56 #CBCC5C #DCCF62 #EDD069

#6A8C42 - #B0BC56 - #EDD069

CSS codes

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

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