#FFD4A8 - #EEE6DA | 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 #FFD4A8 to #EEE6DA

#FFD4A8 #EEE6DA

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

#FFD4A8 - #EEE6DA | 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 #FFD4A8 as 0% and #EEE6DA as 100%.

0.0%	0.0% #FFD4A8	RGB 255 212 168	#FFD4A8
16.7%	16.7% #FCD7B0	RGB 252 215 176	#FCD7B0
33.3%	33.3% #F9DAB8	RGB 249 218 184	#F9DAB8
50.0%	50.0% #F6DDC1	RGB 246 221 193	#F6DDC1
66.7%	66.7% #F3E0C9	RGB 243 224 201	#F3E0C9
83.3%	83.3% #F0E3D1	RGB 240 227 209	#F0E3D1
100.0%	100.0% #EEE6DA	RGB 238 230 218	#EEE6DA

#FFD4A8 #FCD7B0 #F9DAB8 #F6DDC1 #F3E0C9 #F0E3D1 #EEE6DA

#FFD4A8 - #EEE6DA

HSV Blend

#FFD4A8 - #EEE6DA | 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 #FFD4A8 as 0% and #EEE6DA as 100%.

0.0%	0.0% #FFD4A8	RGB 255 212 168	#FFD4A8
16.7%	16.7% #FCD8B0	RGB 252 216 176	#FCD8B0
33.3%	33.3% #F9DBB9	RGB 249 219 185	#F9DBB9
50.0%	50.0% #F6DFC2	RGB 246 223 194	#F6DFC2
66.7%	66.7% #F3E1CA	RGB 243 225 202	#F3E1CA
83.3%	83.3% #F0E4D2	RGB 240 228 210	#F0E4D2
100.0%	100.0% #EEE6DA	RGB 238 230 218	#EEE6DA

#FFD4A8 #FCD8B0 #F9DBB9 #F6DFC2 #F3E1CA #F0E4D2 #EEE6DA

#FFD4A8 - #F6DFC2 - #EEE6DA

CSS codes

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

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