#E2E57F - #BBC20C | 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 #E2E57F to #BBC20C

#E2E57F #BBC20C

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

#E2E57F - #BBC20C | 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 #E2E57F as 0% and #BBC20C as 100%.

0.0%	0.0% #E2E57F	RGB 226 229 127	#E2E57F
16.7%	16.7% #DBDF6B	RGB 219 223 107	#DBDF6B
33.3%	33.3% #D5D958	RGB 213 217 88	#D5D958
50.0%	50.0% #CED345	RGB 206 211 69	#CED345
66.7%	66.7% #C8CD32	RGB 200 205 50	#C8CD32
83.3%	83.3% #C1C71F	RGB 193 199 31	#C1C71F
100.0%	100.0% #BBC20C	RGB 187 194 12	#BBC20C

#E2E57F #DBDF6B #D5D958 #CED345 #C8CD32 #C1C71F #BBC20C

#E2E57F - #BBC20C

HSV Blend

#E2E57F - #BBC20C | 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 #E2E57F as 0% and #BBC20C as 100%.

0.0%	0.0% #E2E57F	RGB 226 229 127	#E2E57F
16.7%	16.7% #DBDF69	RGB 219 223 105	#DBDF69
33.3%	33.3% #D5D954	RGB 213 217 84	#D5D954
50.0%	50.0% #CED341	RGB 206 211 65	#CED341
66.7%	66.7% #C8CD2E	RGB 200 205 46	#C8CD2E
83.3%	83.3% #C1C71C	RGB 193 199 28	#C1C71C
100.0%	100.0% #BBC20C	RGB 187 194 12	#BBC20C

#E2E57F #DBDF69 #D5D954 #CED341 #C8CD2E #C1C71C #BBC20C

#E2E57F - #CED341 - #BBC20C

CSS codes

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

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