#B0C65C - #A8FF92 | 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 #B0C65C to #A8FF92

#B0C65C #A8FF92

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

#B0C65C - #A8FF92 | 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 #B0C65C as 0% and #A8FF92 as 100%.

0.0%	0.0% #B0C65C	RGB 176 198 92	#B0C65C
16.7%	16.7% #AECF65	RGB 174 207 101	#AECF65
33.3%	33.3% #ADD96E	RGB 173 217 110	#ADD96E
50.0%	50.0% #ACE277	RGB 172 226 119	#ACE277
66.7%	66.7% #AAEC80	RGB 170 236 128	#AAEC80
83.3%	83.3% #A9F589	RGB 169 245 137	#A9F589
100.0%	100.0% #A8FF92	RGB 168 255 146	#A8FF92

#B0C65C #AECF65 #ADD96E #ACE277 #AAEC80 #A9F589 #A8FF92

#B0C65C - #A8FF92

HSV Blend

#B0C65C - #A8FF92 | 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 #B0C65C as 0% and #A8FF92 as 100%.

0.0%	0.0% #B0C65C	RGB 176 198 92	#B0C65C
16.7%	16.7% #AECF64	RGB 174 207 100	#AECF64
33.3%	33.3% #ADD96C	RGB 173 217 108	#ADD96C
50.0%	50.0% #ABE275	RGB 171 226 117	#ABE275
66.7%	66.7% #AAEC7E	RGB 170 236 126	#AAEC7E
83.3%	83.3% #A8F588	RGB 168 245 136	#A8F588
100.0%	100.0% #A8FF92	RGB 168 255 146	#A8FF92

#B0C65C #AECF64 #ADD96C #ABE275 #AAEC7E #A8F588 #A8FF92

#B0C65C - #ABE275 - #A8FF92

CSS codes

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

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