#E5E696 - #B2BB40 | 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 #E5E696 to #B2BB40

#E5E696 #B2BB40

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

#E5E696 - #B2BB40 | 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 #E5E696 as 0% and #B2BB40 as 100%.

0.0%	0.0% #E5E696	RGB 229 230 150	#E5E696
16.7%	16.7% #DCDE87	RGB 220 222 135	#DCDE87
33.3%	33.3% #D4D779	RGB 212 215 121	#D4D779
50.0%	50.0% #CBD06B	RGB 203 208 107	#CBD06B
66.7%	66.7% #C3C95C	RGB 195 201 92	#C3C95C
83.3%	83.3% #BAC24E	RGB 186 194 78	#BAC24E
100.0%	100.0% #B2BB40	RGB 178 187 64	#B2BB40

#E5E696 #DCDE87 #D4D779 #CBD06B #C3C95C #BAC24E #B2BB40

#E5E696 - #B2BB40

HSV Blend

#E5E696 - #B2BB40 | 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 #E5E696 as 0% and #B2BB40 as 100%.

0.0%	0.0% #E5E696	RGB 229 230 150	#E5E696
16.7%	16.7% #DCDE85	RGB 220 222 133	#DCDE85
33.3%	33.3% #D4D776	RGB 212 215 118	#D4D776
50.0%	50.0% #CCD067	RGB 204 208 103	#CCD067
66.7%	66.7% #C3C959	RGB 195 201 89	#C3C959
83.3%	83.3% #BAC24C	RGB 186 194 76	#BAC24C
100.0%	100.0% #B2BB40	RGB 178 187 64	#B2BB40

#E5E696 #DCDE85 #D4D776 #CCD067 #C3C959 #BAC24C #B2BB40

#E5E696 - #CCD067 - #B2BB40

CSS codes

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

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