#EDBC8C - #FBEEB1 | 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 #EDBC8C to #FBEEB1

#EDBC8C #FBEEB1

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

#EDBC8C - #FBEEB1 | 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 #EDBC8C as 0% and #FBEEB1 as 100%.

0.0%	0.0% #EDBC8C	RGB 237 188 140	#EDBC8C
16.7%	16.7% #EFC492	RGB 239 196 146	#EFC492
33.3%	33.3% #F1CC98	RGB 241 204 152	#F1CC98
50.0%	50.0% #F4D59E	RGB 244 213 158	#F4D59E
66.7%	66.7% #F6DDA4	RGB 246 221 164	#F6DDA4
83.3%	83.3% #F8E5AA	RGB 248 229 170	#F8E5AA
100.0%	100.0% #FBEEB1	RGB 251 238 177	#FBEEB1

#EDBC8C #EFC492 #F1CC98 #F4D59E #F6DDA4 #F8E5AA #FBEEB1

#EDBC8C - #FBEEB1

HSV Blend

#EDBC8C - #FBEEB1 | 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 #EDBC8C as 0% and #FBEEB1 as 100%.

0.0%	0.0% #EDBC8C	RGB 237 188 140	#EDBC8C
16.7%	16.7% #EFC591	RGB 239 197 145	#EFC591
33.3%	33.3% #F1CE97	RGB 241 206 151	#F1CE97
50.0%	50.0% #F4D69E	RGB 244 214 158	#F4D69E
66.7%	66.7% #F6DEA4	RGB 246 222 164	#F6DEA4
83.3%	83.3% #F8E6AA	RGB 248 230 170	#F8E6AA
100.0%	100.0% #FBEEB1	RGB 251 238 177	#FBEEB1

#EDBC8C #EFC591 #F1CE97 #F4D69E #F6DEA4 #F8E6AA #FBEEB1

#EDBC8C - #F4D69E - #FBEEB1

CSS codes

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

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