#E9FDA1 - #42482E | 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 #E9FDA1 to #42482E

#E9FDA1 #42482E

Calculate the color between two colors, #E9FDA1 and #42482E. 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)

#E9FDA1 - #42482E | 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 #E9FDA1 as 0% and #42482E as 100%.

0.0%	0.0% #E9FDA1	RGB 233 253 161	#E9FDA1
16.7%	16.7% #CDDE8D	RGB 205 222 141	#CDDE8D
33.3%	33.3% #B1C07A	RGB 177 192 122	#B1C07A
50.0%	50.0% #95A267	RGB 149 162 103	#95A267
66.7%	66.7% #798454	RGB 121 132 84	#798454
83.3%	83.3% #5D6641	RGB 93 102 65	#5D6641
100.0%	100.0% #42482E	RGB 66 72 46	#42482E

#E9FDA1 #CDDE8D #B1C07A #95A267 #798454 #5D6641 #42482E

#E9FDA1 - #42482E

HSV Blend

#E9FDA1 - #42482E | 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 #E9FDA1 as 0% and #42482E as 100%.

0.0%	0.0% #E9FDA1	RGB 233 253 161	#E9FDA1
16.7%	16.7% #CDDE8D	RGB 205 222 141	#CDDE8D
33.3%	33.3% #B1C07A	RGB 177 192 122	#B1C07A
50.0%	50.0% #95A267	RGB 149 162 103	#95A267
66.7%	66.7% #798454	RGB 121 132 84	#798454
83.3%	83.3% #5D6641	RGB 93 102 65	#5D6641
100.0%	100.0% #42482E	RGB 66 72 46	#42482E

#E9FDA1 #CDDE8D #B1C07A #95A267 #798454 #5D6641 #42482E

#E9FDA1 - #95A267 - #42482E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E9FDA1 0%, #95A267 50%, #42482E 100%);
    background: -webkit-linear-gradient(top, #E9FDA1 0%, #95A267 50%, #42482E 100%);
    background: linear-gradient(to bottom, #E9FDA1 0%, #95A267 50%, #42482E 100%);
}
</style>