#BCCD3C - #7B940F | 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 #BCCD3C to #7B940F

#BCCD3C #7B940F

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

#BCCD3C - #7B940F | 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 #BCCD3C as 0% and #7B940F as 100%.

0.0%	0.0% #BCCD3C	RGB 188 205 60	#BCCD3C
16.7%	16.7% #B1C334	RGB 177 195 52	#B1C334
33.3%	33.3% #A6BA2D	RGB 166 186 45	#A6BA2D
50.0%	50.0% #9BB025	RGB 155 176 37	#9BB025
66.7%	66.7% #90A71E	RGB 144 167 30	#90A71E
83.3%	83.3% #859D16	RGB 133 157 22	#859D16
100.0%	100.0% #7B940F	RGB 123 148 15	#7B940F

#BCCD3C #B1C334 #A6BA2D #9BB025 #90A71E #859D16 #7B940F

#BCCD3C - #7B940F

HSV Blend

#BCCD3C - #7B940F | 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 #BCCD3C as 0% and #7B940F as 100%.

0.0%	0.0% #BCCD3C	RGB 188 205 60	#BCCD3C
16.7%	16.7% #B0C332	RGB 176 195 50	#B0C332
33.3%	33.3% #A5BA2A	RGB 165 186 42	#A5BA2A
50.0%	50.0% #9AB022	RGB 154 176 34	#9AB022
66.7%	66.7% #90A71B	RGB 144 167 27	#90A71B
83.3%	83.3% #859D14	RGB 133 157 20	#859D14
100.0%	100.0% #7B940F	RGB 123 148 15	#7B940F

#BCCD3C #B0C332 #A5BA2A #9AB022 #90A71B #859D14 #7B940F

#BCCD3C - #9AB022 - #7B940F

CSS codes

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

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