#EDBE7E - #FBEDA4 | 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 #EDBE7E to #FBEDA4

#EDBE7E #FBEDA4

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

#EDBE7E - #FBEDA4 | 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 #EDBE7E as 0% and #FBEDA4 as 100%.

0.0%	0.0% #EDBE7E	RGB 237 190 126	#EDBE7E
16.7%	16.7% #EFC584	RGB 239 197 132	#EFC584
33.3%	33.3% #F1CD8A	RGB 241 205 138	#F1CD8A
50.0%	50.0% #F4D591	RGB 244 213 145	#F4D591
66.7%	66.7% #F6DD97	RGB 246 221 151	#F6DD97
83.3%	83.3% #F8E59D	RGB 248 229 157	#F8E59D
100.0%	100.0% #FBEDA4	RGB 251 237 164	#FBEDA4

#EDBE7E #EFC584 #F1CD8A #F4D591 #F6DD97 #F8E59D #FBEDA4

#EDBE7E - #FBEDA4

HSV Blend

#EDBE7E - #FBEDA4 | 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 #EDBE7E as 0% and #FBEDA4 as 100%.

0.0%	0.0% #EDBE7E	RGB 237 190 126	#EDBE7E
16.7%	16.7% #EFC684	RGB 239 198 132	#EFC684
33.3%	33.3% #F1CE8A	RGB 241 206 138	#F1CE8A
50.0%	50.0% #F4D690	RGB 244 214 144	#F4D690
66.7%	66.7% #F6DE96	RGB 246 222 150	#F6DE96
83.3%	83.3% #F8E59D	RGB 248 229 157	#F8E59D
100.0%	100.0% #FBEDA4	RGB 251 237 164	#FBEDA4

#EDBE7E #EFC684 #F1CE8A #F4D690 #F6DE96 #F8E59D #FBEDA4

#EDBE7E - #F4D690 - #FBEDA4

CSS codes

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

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