#FEE4C7 - #DBA666 | 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 #FEE4C7 to #DBA666

#FEE4C7 #DBA666

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

#FEE4C7 - #DBA666 | 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 #FEE4C7 as 0% and #DBA666 as 100%.

0.0%	0.0% #FEE4C7	RGB 254 228 199	#FEE4C7
16.7%	16.7% #F8D9B6	RGB 248 217 182	#F8D9B6
33.3%	33.3% #F2CFA6	RGB 242 207 166	#F2CFA6
50.0%	50.0% #ECC596	RGB 236 197 150	#ECC596
66.7%	66.7% #E6BA86	RGB 230 186 134	#E6BA86
83.3%	83.3% #E0B076	RGB 224 176 118	#E0B076
100.0%	100.0% #DBA666	RGB 219 166 102	#DBA666

#FEE4C7 #F8D9B6 #F2CFA6 #ECC596 #E6BA86 #E0B076 #DBA666

#FEE4C7 - #DBA666

HSV Blend

#FEE4C7 - #DBA666 | 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 #FEE4C7 as 0% and #DBA666 as 100%.

0.0%	0.0% #FEE4C7	RGB 254 228 199	#FEE4C7
16.7%	16.7% #F8D8B5	RGB 248 216 181	#F8D8B5
33.3%	33.3% #F2CDA4	RGB 242 205 164	#F2CDA4
50.0%	50.0% #ECC393	RGB 236 195 147	#ECC393
66.7%	66.7% #E6B983	RGB 230 185 131	#E6B983
83.3%	83.3% #E0AF74	RGB 224 175 116	#E0AF74
100.0%	100.0% #DBA666	RGB 219 166 102	#DBA666

#FEE4C7 #F8D8B5 #F2CDA4 #ECC393 #E6B983 #E0AF74 #DBA666

#FEE4C7 - #ECC393 - #DBA666

CSS codes

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

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