#B6DB3D - #88A30E | 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 #B6DB3D to #88A30E

#B6DB3D #88A30E

Calculate the color between two colors, #B6DB3D and #88A30E. 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)

#B6DB3D - #88A30E | 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 #B6DB3D as 0% and #88A30E as 100%.

0.0%	0.0% #B6DB3D	RGB 182 219 61	#B6DB3D
16.7%	16.7% #AED135	RGB 174 209 53	#AED135
33.3%	33.3% #A6C82D	RGB 166 200 45	#A6C82D
50.0%	50.0% #9FBF25	RGB 159 191 37	#9FBF25
66.7%	66.7% #97B51D	RGB 151 181 29	#97B51D
83.3%	83.3% #8FAC15	RGB 143 172 21	#8FAC15
100.0%	100.0% #88A30E	RGB 136 163 14	#88A30E

#B6DB3D #AED135 #A6C82D #9FBF25 #97B51D #8FAC15 #88A30E

#B6DB3D - #88A30E

HSV Blend

#B6DB3D - #88A30E | 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 #B6DB3D as 0% and #88A30E as 100%.

0.0%	0.0% #B6DB3D	RGB 182 219 61	#B6DB3D
16.7%	16.7% #AED133	RGB 174 209 51	#AED133
33.3%	33.3% #A6C82A	RGB 166 200 42	#A6C82A
50.0%	50.0% #9EBF22	RGB 158 191 34	#9EBF22
66.7%	66.7% #96B51B	RGB 150 181 27	#96B51B
83.3%	83.3% #8FAC14	RGB 143 172 20	#8FAC14
100.0%	100.0% #88A30E	RGB 136 163 14	#88A30E

#B6DB3D #AED133 #A6C82A #9EBF22 #96B51B #8FAC14 #88A30E

#B6DB3D - #9EBF22 - #88A30E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6DB3D 0%, #9EBF22 50%, #88A30E 100%);
    background: -webkit-linear-gradient(top, #B6DB3D 0%, #9EBF22 50%, #88A30E 100%);
    background: linear-gradient(to bottom, #B6DB3D 0%, #9EBF22 50%, #88A30E 100%);
}
</style>