#FEE5C7 - #DBA766 | 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 #FEE5C7 to #DBA766

#FEE5C7 #DBA766

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

#FEE5C7 - #DBA766 | 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 #FEE5C7 as 0% and #DBA766 as 100%.

0.0%	0.0% #FEE5C7	RGB 254 229 199	#FEE5C7
16.7%	16.7% #F8DAB6	RGB 248 218 182	#F8DAB6
33.3%	33.3% #F2D0A6	RGB 242 208 166	#F2D0A6
50.0%	50.0% #ECC696	RGB 236 198 150	#ECC696
66.7%	66.7% #E6BB86	RGB 230 187 134	#E6BB86
83.3%	83.3% #E0B176	RGB 224 177 118	#E0B176
100.0%	100.0% #DBA766	RGB 219 167 102	#DBA766

#FEE5C7 #F8DAB6 #F2D0A6 #ECC696 #E6BB86 #E0B176 #DBA766

#FEE5C7 - #DBA766

HSV Blend

#FEE5C7 - #DBA766 | 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 #FEE5C7 as 0% and #DBA766 as 100%.

0.0%	0.0% #FEE5C7	RGB 254 229 199	#FEE5C7
16.7%	16.7% #F8D9B5	RGB 248 217 181	#F8D9B5
33.3%	33.3% #F2CFA4	RGB 242 207 164	#F2CFA4
50.0%	50.0% #ECC493	RGB 236 196 147	#ECC493
66.7%	66.7% #E6BA83	RGB 230 186 131	#E6BA83
83.3%	83.3% #E0B074	RGB 224 176 116	#E0B074
100.0%	100.0% #DBA766	RGB 219 167 102	#DBA766

#FEE5C7 #F8D9B5 #F2CFA4 #ECC493 #E6BA83 #E0B074 #DBA766

#FEE5C7 - #ECC493 - #DBA766

CSS codes

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

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