#BECA5E - #7F961C | 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 #BECA5E to #7F961C

#BECA5E #7F961C

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

#BECA5E - #7F961C | 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 #BECA5E as 0% and #7F961C as 100%.

0.0%	0.0% #BECA5E	RGB 190 202 94	#BECA5E
16.7%	16.7% #B3C153	RGB 179 193 83	#B3C153
33.3%	33.3% #A9B848	RGB 169 184 72	#A9B848
50.0%	50.0% #9EB03D	RGB 158 176 61	#9EB03D
66.7%	66.7% #94A732	RGB 148 167 50	#94A732
83.3%	83.3% #899E27	RGB 137 158 39	#899E27
100.0%	100.0% #7F961C	RGB 127 150 28	#7F961C

#BECA5E #B3C153 #A9B848 #9EB03D #94A732 #899E27 #7F961C

#BECA5E - #7F961C

HSV Blend

#BECA5E - #7F961C | 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 #BECA5E as 0% and #7F961C as 100%.

0.0%	0.0% #BECA5E	RGB 190 202 94	#BECA5E
16.7%	16.7% #B3C150	RGB 179 193 80	#B3C150
33.3%	33.3% #A8B844	RGB 168 184 68	#A8B844
50.0%	50.0% #9EB039	RGB 158 176 57	#9EB039
66.7%	66.7% #93A72E	RGB 147 167 46	#93A72E
83.3%	83.3% #899E24	RGB 137 158 36	#899E24
100.0%	100.0% #7F961C	RGB 127 150 28	#7F961C

#BECA5E #B3C150 #A8B844 #9EB039 #93A72E #899E24 #7F961C

#BECA5E - #9EB039 - #7F961C

CSS codes

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

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