#FFEEB5 - #EDC35C | 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 #FFEEB5 to #EDC35C

#FFEEB5 #EDC35C

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

#FFEEB5 - #EDC35C | 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 #FFEEB5 as 0% and #EDC35C as 100%.

0.0%	0.0% #FFEEB5	RGB 255 238 181	#FFEEB5
16.7%	16.7% #FCE6A6	RGB 252 230 166	#FCE6A6
33.3%	33.3% #F9DF97	RGB 249 223 151	#F9DF97
50.0%	50.0% #F6D888	RGB 246 216 136	#F6D888
66.7%	66.7% #F3D179	RGB 243 209 121	#F3D179
83.3%	83.3% #F0CA6A	RGB 240 202 106	#F0CA6A
100.0%	100.0% #EDC35C	RGB 237 195 92	#EDC35C

#FFEEB5 #FCE6A6 #F9DF97 #F6D888 #F3D179 #F0CA6A #EDC35C

#FFEEB5 - #EDC35C

HSV Blend

#FFEEB5 - #EDC35C | 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 #FFEEB5 as 0% and #EDC35C as 100%.

0.0%	0.0% #FFEEB5	RGB 255 238 181	#FFEEB5
16.7%	16.7% #FCE7A5	RGB 252 231 165	#FCE7A5
33.3%	33.3% #F9E096	RGB 249 224 150	#F9E096
50.0%	50.0% #F6D987	RGB 246 217 135	#F6D987
66.7%	66.7% #F3D178	RGB 243 209 120	#F3D178
83.3%	83.3% #F0CA6A	RGB 240 202 106	#F0CA6A
100.0%	100.0% #EDC35C	RGB 237 195 92	#EDC35C

#FFEEB5 #FCE7A5 #F9E096 #F6D987 #F3D178 #F0CA6A #EDC35C

#FFEEB5 - #F6D987 - #EDC35C

CSS codes

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

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