#E6EB5E - #B2BE1B | 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 #E6EB5E to #B2BE1B

#E6EB5E #B2BE1B

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

#E6EB5E - #B2BE1B | 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 #E6EB5E as 0% and #B2BE1B as 100%.

0.0%	0.0% #E6EB5E	RGB 230 235 94	#E6EB5E
16.7%	16.7% #DDE352	RGB 221 227 82	#DDE352
33.3%	33.3% #D4DC47	RGB 212 220 71	#D4DC47
50.0%	50.0% #CCD43C	RGB 204 212 60	#CCD43C
66.7%	66.7% #C3CD31	RGB 195 205 49	#C3CD31
83.3%	83.3% #BAC526	RGB 186 197 38	#BAC526
100.0%	100.0% #B2BE1B	RGB 178 190 27	#B2BE1B

#E6EB5E #DDE352 #D4DC47 #CCD43C #C3CD31 #BAC526 #B2BE1B

#E6EB5E - #B2BE1B

HSV Blend

#E6EB5E - #B2BE1B | 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 #E6EB5E as 0% and #B2BE1B as 100%.

0.0%	0.0% #E6EB5E	RGB 230 235 94	#E6EB5E
16.7%	16.7% #DDE351	RGB 221 227 81	#DDE351
33.3%	33.3% #D4DC45	RGB 212 220 69	#D4DC45
50.0%	50.0% #CCD439	RGB 204 212 57	#CCD439
66.7%	66.7% #C3CD2E	RGB 195 205 46	#C3CD2E
83.3%	83.3% #BAC524	RGB 186 197 36	#BAC524
100.0%	100.0% #B2BE1B	RGB 178 190 27	#B2BE1B

#E6EB5E #DDE351 #D4DC45 #CCD439 #C3CD2E #BAC524 #B2BE1B

#E6EB5E - #CCD439 - #B2BE1B

CSS codes

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

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