#FEDA8C - #FEF4DE | 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 #FEDA8C to #FEF4DE

#FEDA8C #FEF4DE

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

#FEDA8C - #FEF4DE | 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 #FEDA8C as 0% and #FEF4DE as 100%.

0.0%	0.0% #FEDA8C	RGB 254 218 140	#FEDA8C
16.7%	16.7% #FEDE99	RGB 254 222 153	#FEDE99
33.3%	33.3% #FEE2A7	RGB 254 226 167	#FEE2A7
50.0%	50.0% #FEE7B5	RGB 254 231 181	#FEE7B5
66.7%	66.7% #FEEBC2	RGB 254 235 194	#FEEBC2
83.3%	83.3% #FEEFD0	RGB 254 239 208	#FEEFD0
100.0%	100.0% #FEF4DE	RGB 254 244 222	#FEF4DE

#FEDA8C #FEDE99 #FEE2A7 #FEE7B5 #FEEBC2 #FEEFD0 #FEF4DE

#FEDA8C - #FEF4DE

HSV Blend

#FEDA8C - #FEF4DE | 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 #FEDA8C as 0% and #FEF4DE as 100%.

0.0%	0.0% #FEDA8C	RGB 254 218 140	#FEDA8C
16.7%	16.7% #FEDE99	RGB 254 222 153	#FEDE99
33.3%	33.3% #FEE2A7	RGB 254 226 167	#FEE2A7
50.0%	50.0% #FEE7B5	RGB 254 231 181	#FEE7B5
66.7%	66.7% #FEEBC2	RGB 254 235 194	#FEEBC2
83.3%	83.3% #FEEFD0	RGB 254 239 208	#FEEFD0
100.0%	100.0% #FEF4DE	RGB 254 244 222	#FEF4DE

#FEDA8C #FEDE99 #FEE2A7 #FEE7B5 #FEEBC2 #FEEFD0 #FEF4DE

#FEDA8C - #FEE7B5 - #FEF4DE

CSS codes

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

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