#DDAD8C - #FEE7AE | 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 #DDAD8C to #FEE7AE

#DDAD8C #FEE7AE

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

#DDAD8C - #FEE7AE | 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 #DDAD8C as 0% and #FEE7AE as 100%.

0.0%	0.0% #DDAD8C	RGB 221 173 140	#DDAD8C
16.7%	16.7% #E2B691	RGB 226 182 145	#E2B691
33.3%	33.3% #E8C097	RGB 232 192 151	#E8C097
50.0%	50.0% #EDCA9D	RGB 237 202 157	#EDCA9D
66.7%	66.7% #F3D3A2	RGB 243 211 162	#F3D3A2
83.3%	83.3% #F8DDA8	RGB 248 221 168	#F8DDA8
100.0%	100.0% #FEE7AE	RGB 254 231 174	#FEE7AE

#DDAD8C #E2B691 #E8C097 #EDCA9D #F3D3A2 #F8DDA8 #FEE7AE

#DDAD8C - #FEE7AE

HSV Blend

#DDAD8C - #FEE7AE | 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 #DDAD8C as 0% and #FEE7AE as 100%.

0.0%	0.0% #DDAD8C	RGB 221 173 140	#DDAD8C
16.7%	16.7% #E2B691	RGB 226 182 145	#E2B691
33.3%	33.3% #E8C096	RGB 232 192 150	#E8C096
50.0%	50.0% #EDC99C	RGB 237 201 156	#EDC99C
66.7%	66.7% #F3D3A2	RGB 243 211 162	#F3D3A2
83.3%	83.3% #F8DDA8	RGB 248 221 168	#F8DDA8
100.0%	100.0% #FEE7AE	RGB 254 231 174	#FEE7AE

#DDAD8C #E2B691 #E8C096 #EDC99C #F3D3A2 #F8DDA8 #FEE7AE

#DDAD8C - #EDC99C - #FEE7AE

CSS codes

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

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