#FFD9A0 - #E8C2F5 | 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 #FFD9A0 to #E8C2F5

#FFD9A0 #E8C2F5

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

#FFD9A0 - #E8C2F5 | 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 #FFD9A0 as 0% and #E8C2F5 as 100%.

0.0%	0.0% #FFD9A0	RGB 255 217 160	#FFD9A0
16.7%	16.7% #FBD5AE	RGB 251 213 174	#FBD5AE
33.3%	33.3% #F7D1BC	RGB 247 209 188	#F7D1BC
50.0%	50.0% #F3CDCA	RGB 243 205 202	#F3CDCA
66.7%	66.7% #EFC9D8	RGB 239 201 216	#EFC9D8
83.3%	83.3% #EBC5E6	RGB 235 197 230	#EBC5E6
100.0%	100.0% #E8C2F5	RGB 232 194 245	#E8C2F5

#FFD9A0 #FBD5AE #F7D1BC #F3CDCA #EFC9D8 #EBC5E6 #E8C2F5

#FFD9A0 - #E8C2F5

HSV Blend

#FFD9A0 - #E8C2F5 | 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 #FFD9A0 as 0% and #E8C2F5 as 100%.

0.0%	0.0% #FFD9A0	RGB 255 217 160	#FFD9A0
16.7%	16.7% #FDBFA5	RGB 253 191 165	#FDBFA5
33.3%	33.3% #FBABAD	RGB 251 171 173	#FBABAD
50.0%	50.0% #FAB1C9	RGB 250 177 201	#FAB1C9
66.7%	66.7% #F8B7E0	RGB 248 183 224	#F8B7E0
83.3%	83.3% #F6BCF3	RGB 246 188 243	#F6BCF3
100.0%	100.0% #E8C2F5	RGB 232 194 245	#E8C2F5

#FFD9A0 #FDBFA5 #FBABAD #FAB1C9 #F8B7E0 #F6BCF3 #E8C2F5

#FFD9A0 - #FAB1C9 - #E8C2F5

CSS codes

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

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