#E2DF93 - #FFBFAE | 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 #E2DF93 to #FFBFAE

#E2DF93 #FFBFAE

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

#E2DF93 - #FFBFAE | 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 #E2DF93 as 0% and #FFBFAE as 100%.

0.0%	0.0% #E2DF93	RGB 226 223 147	#E2DF93
16.7%	16.7% #E6D997	RGB 230 217 151	#E6D997
33.3%	33.3% #EBD49C	RGB 235 212 156	#EBD49C
50.0%	50.0% #F0CFA0	RGB 240 207 160	#F0CFA0
66.7%	66.7% #F5C9A5	RGB 245 201 165	#F5C9A5
83.3%	83.3% #FAC4A9	RGB 250 196 169	#FAC4A9
100.0%	100.0% #FFBFAE	RGB 255 191 174	#FFBFAE

#E2DF93 #E6D997 #EBD49C #F0CFA0 #F5C9A5 #FAC4A9 #FFBFAE

#E2DF93 - #FFBFAE

HSV Blend

#E2DF93 - #FFBFAE | 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 #E2DF93 as 0% and #FFBFAE as 100%.

0.0%	0.0% #E2DF93	RGB 226 223 147	#E2DF93
16.7%	16.7% #E6D997	RGB 230 217 151	#E6D997
33.3%	33.3% #EBD49B	RGB 235 212 155	#EBD49B
50.0%	50.0% #F0CFA0	RGB 240 207 160	#F0CFA0
66.7%	66.7% #F5C9A4	RGB 245 201 164	#F5C9A4
83.3%	83.3% #FAC4A9	RGB 250 196 169	#FAC4A9
100.0%	100.0% #FFBFAE	RGB 255 191 174	#FFBFAE

#E2DF93 #E6D997 #EBD49B #F0CFA0 #F5C9A4 #FAC4A9 #FFBFAE

#E2DF93 - #F0CFA0 - #FFBFAE

CSS codes

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

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