#EDBA92 - #FAEEB6 | 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 #EDBA92 to #FAEEB6

#EDBA92 #FAEEB6

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

#EDBA92 - #FAEEB6 | 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 #EDBA92 as 0% and #FAEEB6 as 100%.

0.0%	0.0% #EDBA92	RGB 237 186 146	#EDBA92
16.7%	16.7% #EFC298	RGB 239 194 152	#EFC298
33.3%	33.3% #F1CB9E	RGB 241 203 158	#F1CB9E
50.0%	50.0% #F3D4A4	RGB 243 212 164	#F3D4A4
66.7%	66.7% #F5DCAA	RGB 245 220 170	#F5DCAA
83.3%	83.3% #F7E5B0	RGB 247 229 176	#F7E5B0
100.0%	100.0% #FAEEB6	RGB 250 238 182	#FAEEB6

#EDBA92 #EFC298 #F1CB9E #F3D4A4 #F5DCAA #F7E5B0 #FAEEB6

#EDBA92 - #FAEEB6

HSV Blend

#EDBA92 - #FAEEB6 | 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 #EDBA92 as 0% and #FAEEB6 as 100%.

0.0%	0.0% #EDBA92	RGB 237 186 146	#EDBA92
16.7%	16.7% #EFC397	RGB 239 195 151	#EFC397
33.3%	33.3% #F1CD9D	RGB 241 205 157	#F1CD9D
50.0%	50.0% #F3D6A3	RGB 243 214 163	#F3D6A3
66.7%	66.7% #F5DEA9	RGB 245 222 169	#F5DEA9
83.3%	83.3% #F7E6AF	RGB 247 230 175	#F7E6AF
100.0%	100.0% #FAEEB6	RGB 250 238 182	#FAEEB6

#EDBA92 #EFC397 #F1CD9D #F3D6A3 #F5DEA9 #F7E6AF #FAEEB6

#EDBA92 - #F3D6A3 - #FAEEB6

CSS codes

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

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