#EDB97C - #FAEBA2 | 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 #EDB97C to #FAEBA2

#EDB97C #FAEBA2

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

#EDB97C - #FAEBA2 | 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 #EDB97C as 0% and #FAEBA2 as 100%.

0.0%	0.0% #EDB97C	RGB 237 185 124	#EDB97C
16.7%	16.7% #EFC182	RGB 239 193 130	#EFC182
33.3%	33.3% #F1C988	RGB 241 201 136	#F1C988
50.0%	50.0% #F3D28F	RGB 243 210 143	#F3D28F
66.7%	66.7% #F5DA95	RGB 245 218 149	#F5DA95
83.3%	83.3% #F7E29B	RGB 247 226 155	#F7E29B
100.0%	100.0% #FAEBA2	RGB 250 235 162	#FAEBA2

#EDB97C #EFC182 #F1C988 #F3D28F #F5DA95 #F7E29B #FAEBA2

#EDB97C - #FAEBA2

HSV Blend

#EDB97C - #FAEBA2 | 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 #EDB97C as 0% and #FAEBA2 as 100%.

0.0%	0.0% #EDB97C	RGB 237 185 124	#EDB97C
16.7%	16.7% #EFC282	RGB 239 194 130	#EFC282
33.3%	33.3% #F1CB88	RGB 241 203 136	#F1CB88
50.0%	50.0% #F3D38E	RGB 243 211 142	#F3D38E
66.7%	66.7% #F5DB94	RGB 245 219 148	#F5DB94
83.3%	83.3% #F7E39B	RGB 247 227 155	#F7E39B
100.0%	100.0% #FAEBA2	RGB 250 235 162	#FAEBA2

#EDB97C #EFC282 #F1CB88 #F3D38E #F5DB94 #F7E39B #FAEBA2

#EDB97C - #F3D38E - #FAEBA2

CSS codes

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

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