#B2DB6C - #FFB08C | 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 #B2DB6C to #FFB08C

#B2DB6C #FFB08C

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

#B2DB6C - #FFB08C | 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 #B2DB6C as 0% and #FFB08C as 100%.

0.0%	0.0% #B2DB6C	RGB 178 219 108	#B2DB6C
16.7%	16.7% #BED371	RGB 190 211 113	#BED371
33.3%	33.3% #CBCC76	RGB 203 204 118	#CBCC76
50.0%	50.0% #D8C57C	RGB 216 197 124	#D8C57C
66.7%	66.7% #E5BE81	RGB 229 190 129	#E5BE81
83.3%	83.3% #F2B786	RGB 242 183 134	#F2B786
100.0%	100.0% #FFB08C	RGB 255 176 140	#FFB08C

#B2DB6C #BED371 #CBCC76 #D8C57C #E5BE81 #F2B786 #FFB08C

#B2DB6C - #FFB08C

HSV Blend

#B2DB6C - #FFB08C | 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 #B2DB6C as 0% and #FFB08C as 100%.

0.0%	0.0% #B2DB6C	RGB 178 219 108	#B2DB6C
16.7%	16.7% #CBE171	RGB 203 225 113	#CBE171
33.3%	33.3% #E5E776	RGB 229 231 118	#E5E776
50.0%	50.0% #EDDA7B	RGB 237 218 123	#EDDA7B
66.7%	66.7% #F3CC80	RGB 243 204 128	#F3CC80
83.3%	83.3% #F9BE86	RGB 249 190 134	#F9BE86
100.0%	100.0% #FFB08C	RGB 255 176 140	#FFB08C

#B2DB6C #CBE171 #E5E776 #EDDA7B #F3CC80 #F9BE86 #FFB08C

#B2DB6C - #EDDA7B - #FFB08C

CSS codes

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

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