#EBED3B - #B6B90E | 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 #EBED3B to #B6B90E

#EBED3B #B6B90E

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

#EBED3B - #B6B90E | 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 #EBED3B as 0% and #B6B90E as 100%.

0.0%	0.0% #EBED3B	RGB 235 237 59	#EBED3B
16.7%	16.7% #E2E433	RGB 226 228 51	#E2E433
33.3%	33.3% #D9DB2C	RGB 217 219 44	#D9DB2C
50.0%	50.0% #D0D324	RGB 208 211 36	#D0D324
66.7%	66.7% #C7CA1D	RGB 199 202 29	#C7CA1D
83.3%	83.3% #BEC115	RGB 190 193 21	#BEC115
100.0%	100.0% #B6B90E	RGB 182 185 14	#B6B90E

#EBED3B #E2E433 #D9DB2C #D0D324 #C7CA1D #BEC115 #B6B90E

#EBED3B - #B6B90E

HSV Blend

#EBED3B - #B6B90E | 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 #EBED3B as 0% and #B6B90E as 100%.

0.0%	0.0% #EBED3B	RGB 235 237 59	#EBED3B
16.7%	16.7% #E2E432	RGB 226 228 50	#E2E432
33.3%	33.3% #D9DB29	RGB 217 219 41	#D9DB29
50.0%	50.0% #D0D322	RGB 208 211 34	#D0D322
66.7%	66.7% #C7CA1A	RGB 199 202 26	#C7CA1A
83.3%	83.3% #BEC114	RGB 190 193 20	#BEC114
100.0%	100.0% #B6B90E	RGB 182 185 14	#B6B90E

#EBED3B #E2E432 #D9DB29 #D0D322 #C7CA1A #BEC114 #B6B90E

#EBED3B - #D0D322 - #B6B90E

CSS codes

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

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