#FFA8FD - #EEDAEC | 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 #FFA8FD to #EEDAEC

#FFA8FD #EEDAEC

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

#FFA8FD - #EEDAEC | 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 #FFA8FD as 0% and #EEDAEC as 100%.

0.0%	0.0% #FFA8FD	RGB 255 168 253	#FFA8FD
16.7%	16.7% #FCB0FA	RGB 252 176 250	#FCB0FA
33.3%	33.3% #F9B8F7	RGB 249 184 247	#F9B8F7
50.0%	50.0% #F6C1F4	RGB 246 193 244	#F6C1F4
66.7%	66.7% #F3C9F1	RGB 243 201 241	#F3C9F1
83.3%	83.3% #F0D1EE	RGB 240 209 238	#F0D1EE
100.0%	100.0% #EEDAEC	RGB 238 218 236	#EEDAEC

#FFA8FD #FCB0FA #F9B8F7 #F6C1F4 #F3C9F1 #F0D1EE #EEDAEC

#FFA8FD - #EEDAEC

HSV Blend

#FFA8FD - #EEDAEC | 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 #FFA8FD as 0% and #EEDAEC as 100%.

0.0%	0.0% #FFA8FD	RGB 255 168 253	#FFA8FD
16.7%	16.7% #FCB0F9	RGB 252 176 249	#FCB0F9
33.3%	33.3% #F9B9F6	RGB 249 185 246	#F9B9F6
50.0%	50.0% #F6C2F3	RGB 246 194 243	#F6C2F3
66.7%	66.7% #F3CAF0	RGB 243 202 240	#F3CAF0
83.3%	83.3% #F0D2EE	RGB 240 210 238	#F0D2EE
100.0%	100.0% #EEDAEC	RGB 238 218 236	#EEDAEC

#FFA8FD #FCB0F9 #F9B9F6 #F6C2F3 #F3CAF0 #F0D2EE #EEDAEC

#FFA8FD - #F6C2F3 - #EEDAEC

CSS codes

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

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