#E5E687 - #B2BB34 | 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 #E5E687 to #B2BB34

#E5E687 #B2BB34

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

#E5E687 - #B2BB34 | 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 #E5E687 as 0% and #B2BB34 as 100%.

0.0%	0.0% #E5E687	RGB 229 230 135	#E5E687
16.7%	16.7% #DCDE79	RGB 220 222 121	#DCDE79
33.3%	33.3% #D4D76B	RGB 212 215 107	#D4D76B
50.0%	50.0% #CBD05D	RGB 203 208 93	#CBD05D
66.7%	66.7% #C3C94F	RGB 195 201 79	#C3C94F
83.3%	83.3% #BAC241	RGB 186 194 65	#BAC241
100.0%	100.0% #B2BB34	RGB 178 187 52	#B2BB34

#E5E687 #DCDE79 #D4D76B #CBD05D #C3C94F #BAC241 #B2BB34

#E5E687 - #B2BB34

HSV Blend

#E5E687 - #B2BB34 | 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 #E5E687 as 0% and #B2BB34 as 100%.

0.0%	0.0% #E5E687	RGB 229 230 135	#E5E687
16.7%	16.7% #DCDE77	RGB 220 222 119	#DCDE77
33.3%	33.3% #D4D768	RGB 212 215 104	#D4D768
50.0%	50.0% #CBD05A	RGB 203 208 90	#CBD05A
66.7%	66.7% #C3C94C	RGB 195 201 76	#C3C94C
83.3%	83.3% #BAC23F	RGB 186 194 63	#BAC23F
100.0%	100.0% #B2BB34	RGB 178 187 52	#B2BB34

#E5E687 #DCDE77 #D4D768 #CBD05A #C3C94C #BAC23F #B2BB34

#E5E687 - #CBD05A - #B2BB34

CSS codes

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

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