#F8D2A8 - #E8C3F0 | 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 #F8D2A8 to #E8C3F0

#F8D2A8 #E8C3F0

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

#F8D2A8 - #E8C3F0 | 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 #F8D2A8 as 0% and #E8C3F0 as 100%.

0.0%	0.0% #F8D2A8	RGB 248 210 168	#F8D2A8
16.7%	16.7% #F5CFB4	RGB 245 207 180	#F5CFB4
33.3%	33.3% #F2CDC0	RGB 242 205 192	#F2CDC0
50.0%	50.0% #F0CACC	RGB 240 202 204	#F0CACC
66.7%	66.7% #EDC8D8	RGB 237 200 216	#EDC8D8
83.3%	83.3% #EAC5E4	RGB 234 197 228	#EAC5E4
100.0%	100.0% #E8C3F0	RGB 232 195 240	#E8C3F0

#F8D2A8 #F5CFB4 #F2CDC0 #F0CACC #EDC8D8 #EAC5E4 #E8C3F0

#F8D2A8 - #E8C3F0

HSV Blend

#F8D2A8 - #E8C3F0 | 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 #F8D2A8 as 0% and #E8C3F0 as 100%.

0.0%	0.0% #F8D2A8	RGB 248 210 168	#F8D2A8
16.7%	16.7% #F6BEAC	RGB 246 190 172	#F6BEAC
33.3%	33.3% #F5B1B4	RGB 245 177 180	#F5B1B4
50.0%	50.0% #F4B5CA	RGB 244 181 202	#F4B5CA
66.7%	66.7% #F2BADC	RGB 242 186 220	#F2BADC
83.3%	83.3% #F1BEEB	RGB 241 190 235	#F1BEEB
100.0%	100.0% #E8C3F0	RGB 232 195 240	#E8C3F0

#F8D2A8 #F6BEAC #F5B1B4 #F4B5CA #F2BADC #F1BEEB #E8C3F0

#F8D2A8 - #F4B5CA - #E8C3F0

CSS codes

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

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