#6A8D4F - #EAD073 | 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 #6A8D4F to #EAD073

#6A8D4F #EAD073

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

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

0.0%	0.0% #6A8D4F	RGB 106 141 79	#6A8D4F
16.7%	16.7% #7F9855	RGB 127 152 85	#7F9855
33.3%	33.3% #94A35B	RGB 148 163 91	#94A35B
50.0%	50.0% #AAAE61	RGB 170 174 97	#AAAE61
66.7%	66.7% #BFB967	RGB 191 185 103	#BFB967
83.3%	83.3% #D4C46D	RGB 212 196 109	#D4C46D
100.0%	100.0% #EAD073	RGB 234 208 115	#EAD073

#6A8D4F #7F9855 #94A35B #AAAE61 #BFB967 #D4C46D #EAD073

#6A8D4F - #EAD073

HSV Blend

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

0.0%	0.0% #6A8D4F	RGB 106 141 79	#6A8D4F
16.7%	16.7% #7D9C55	RGB 125 156 85	#7D9C55
33.3%	33.3% #93AC5C	RGB 147 172 92	#93AC5C
50.0%	50.0% #ACBB62	RGB 172 187 98	#ACBB62
66.7%	66.7% #C6CB68	RGB 198 203 104	#C6CB68
83.3%	83.3% #DAD06D	RGB 218 208 109	#DAD06D
100.0%	100.0% #EAD073	RGB 234 208 115	#EAD073

#6A8D4F #7D9C55 #93AC5C #ACBB62 #C6CB68 #DAD06D #EAD073

#6A8D4F - #ACBB62 - #EAD073

CSS codes

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

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