#7A8F40 - #F2D068 | 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 #7A8F40 to #F2D068

#7A8F40 #F2D068

Calculate the color between two colors, #7A8F40 and #F2D068. 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)

#7A8F40 - #F2D068 | 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 #7A8F40 as 0% and #F2D068 as 100%.

0.0%	0.0% #7A8F40	RGB 122 143 64	#7A8F40
16.7%	16.7% #8E9946	RGB 142 153 70	#8E9946
33.3%	33.3% #A2A44D	RGB 162 164 77	#A2A44D
50.0%	50.0% #B6AF54	RGB 182 175 84	#B6AF54
66.7%	66.7% #CABA5A	RGB 202 186 90	#CABA5A
83.3%	83.3% #DEC561	RGB 222 197 97	#DEC561
100.0%	100.0% #F2D068	RGB 242 208 104	#F2D068

#7A8F40 #8E9946 #A2A44D #B6AF54 #CABA5A #DEC561 #F2D068

#7A8F40 - #F2D068

HSV Blend

#7A8F40 - #F2D068 | 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 #7A8F40 as 0% and #F2D068 as 100%.

0.0%	0.0% #7A8F40	RGB 122 143 64	#7A8F40
16.7%	16.7% #8F9F46	RGB 143 159 70	#8F9F46
33.3%	33.3% #A6B04D	RGB 166 176 77	#A6B04D
50.0%	50.0% #BFC054	RGB 191 192 84	#BFC054
66.7%	66.7% #D1C85B	RGB 209 200 91	#D1C85B
83.3%	83.3% #E1CC61	RGB 225 204 97	#E1CC61
100.0%	100.0% #F2D068	RGB 242 208 104	#F2D068

#7A8F40 #8F9F46 #A6B04D #BFC054 #D1C85B #E1CC61 #F2D068

#7A8F40 - #BFC054 - #F2D068

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A8F40 0%, #BFC054 50%, #F2D068 100%);
    background: -webkit-linear-gradient(top, #7A8F40 0%, #BFC054 50%, #F2D068 100%);
    background: linear-gradient(to bottom, #7A8F40 0%, #BFC054 50%, #F2D068 100%);
}
</style>