#B6BD3C - #FFE96E | 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 #B6BD3C to #FFE96E

#B6BD3C #FFE96E

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

#B6BD3C - #FFE96E | 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 #B6BD3C as 0% and #FFE96E as 100%.

0.0%	0.0% #B6BD3C	RGB 182 189 60	#B6BD3C
16.7%	16.7% #C2C444	RGB 194 196 68	#C2C444
33.3%	33.3% #CECB4C	RGB 206 203 76	#CECB4C
50.0%	50.0% #DAD355	RGB 218 211 85	#DAD355
66.7%	66.7% #E6DA5D	RGB 230 218 93	#E6DA5D
83.3%	83.3% #F2E165	RGB 242 225 101	#F2E165
100.0%	100.0% #FFE96E	RGB 255 233 110	#FFE96E

#B6BD3C #C2C444 #CECB4C #DAD355 #E6DA5D #F2E165 #FFE96E

#B6BD3C - #FFE96E

HSV Blend

#B6BD3C - #FFE96E | 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 #B6BD3C as 0% and #FFE96E as 100%.

0.0%	0.0% #B6BD3C	RGB 182 189 60	#B6BD3C
16.7%	16.7% #C5C843	RGB 197 200 67	#C5C843
33.3%	33.3% #D3D14A	RGB 211 209 74	#D3D14A
50.0%	50.0% #DED753	RGB 222 215 83	#DED753
66.7%	66.7% #E9DD5B	RGB 233 221 91	#E9DD5B
83.3%	83.3% #F4E364	RGB 244 227 100	#F4E364
100.0%	100.0% #FFE96E	RGB 255 233 110	#FFE96E

#B6BD3C #C5C843 #D3D14A #DED753 #E9DD5B #F4E364 #FFE96E

#B6BD3C - #DED753 - #FFE96E

CSS codes

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

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