#FEDDB8 - #EEA360 | 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 #FEDDB8 to #EEA360

#FEDDB8 #EEA360

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

#FEDDB8 - #EEA360 | 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 #FEDDB8 as 0% and #EEA360 as 100%.

0.0%	0.0% #FEDDB8	RGB 254 221 184	#FEDDB8
16.7%	16.7% #FBD3A9	RGB 251 211 169	#FBD3A9
33.3%	33.3% #F8C99A	RGB 248 201 154	#F8C99A
50.0%	50.0% #F6C08C	RGB 246 192 140	#F6C08C
66.7%	66.7% #F3B67D	RGB 243 182 125	#F3B67D
83.3%	83.3% #F0AC6E	RGB 240 172 110	#F0AC6E
100.0%	100.0% #EEA360	RGB 238 163 96	#EEA360

#FEDDB8 #FBD3A9 #F8C99A #F6C08C #F3B67D #F0AC6E #EEA360

#FEDDB8 - #EEA360

HSV Blend

#FEDDB8 - #EEA360 | 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 #FEDDB8 as 0% and #EEA360 as 100%.

0.0%	0.0% #FEDDB8	RGB 254 221 184	#FEDDB8
16.7%	16.7% #FBD3A8	RGB 251 211 168	#FBD3A8
33.3%	33.3% #F8CA99	RGB 248 202 153	#F8CA99
50.0%	50.0% #F6C08A	RGB 246 192 138	#F6C08A
66.7%	66.7% #F3B67C	RGB 243 182 124	#F3B67C
83.3%	83.3% #F0AC6D	RGB 240 172 109	#F0AC6D
100.0%	100.0% #EEA360	RGB 238 163 96	#EEA360

#FEDDB8 #FBD3A8 #F8CA99 #F6C08A #F3B67C #F0AC6D #EEA360

#FEDDB8 - #F6C08A - #EEA360

CSS codes

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

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