#FEE7B5 - #D4AC52 | 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 #FEE7B5 to #D4AC52

#FEE7B5 #D4AC52

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

#FEE7B5 - #D4AC52 | 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 #FEE7B5 as 0% and #D4AC52 as 100%.

0.0%	0.0% #FEE7B5	RGB 254 231 181	#FEE7B5
16.7%	16.7% #F7DDA4	RGB 247 221 164	#F7DDA4
33.3%	33.3% #F0D394	RGB 240 211 148	#F0D394
50.0%	50.0% #E9C983	RGB 233 201 131	#E9C983
66.7%	66.7% #E2BF73	RGB 226 191 115	#E2BF73
83.3%	83.3% #DBB562	RGB 219 181 98	#DBB562
100.0%	100.0% #D4AC52	RGB 212 172 82	#D4AC52

#FEE7B5 #F7DDA4 #F0D394 #E9C983 #E2BF73 #DBB562 #D4AC52

#FEE7B5 - #D4AC52

HSV Blend

#FEE7B5 - #D4AC52 | 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 #FEE7B5 as 0% and #D4AC52 as 100%.

0.0%	0.0% #FEE7B5	RGB 254 231 181	#FEE7B5
16.7%	16.7% #F7DCA2	RGB 247 220 162	#F7DCA2
33.3%	33.3% #F0D290	RGB 240 210 144	#F0D290
50.0%	50.0% #E9C880	RGB 233 200 128	#E9C880
66.7%	66.7% #E2BE6F	RGB 226 190 111	#E2BE6F
83.3%	83.3% #DBB560	RGB 219 181 96	#DBB560
100.0%	100.0% #D4AC52	RGB 212 172 82	#D4AC52

#FEE7B5 #F7DCA2 #F0D290 #E9C880 #E2BE6F #DBB560 #D4AC52

#FEE7B5 - #E9C880 - #D4AC52

CSS codes

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

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