#EDABF7 - #FFF1F0 | 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 #EDABF7 to #FFF1F0

#EDABF7 #FFF1F0

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

#EDABF7 - #FFF1F0 | 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 #EDABF7 as 0% and #FFF1F0 as 100%.

0.0%	0.0% #EDABF7	RGB 237 171 247	#EDABF7
16.7%	16.7% #F0B6F5	RGB 240 182 245	#F0B6F5
33.3%	33.3% #F3C2F4	RGB 243 194 244	#F3C2F4
50.0%	50.0% #F6CEF3	RGB 246 206 243	#F6CEF3
66.7%	66.7% #F9D9F2	RGB 249 217 242	#F9D9F2
83.3%	83.3% #FCE5F1	RGB 252 229 241	#FCE5F1
100.0%	100.0% #FFF1F0	RGB 255 241 240	#FFF1F0

#EDABF7 #F0B6F5 #F3C2F4 #F6CEF3 #F9D9F2 #FCE5F1 #FFF1F0

#EDABF7 - #FFF1F0

HSV Blend

#EDABF7 - #FFF1F0 | 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 #EDABF7 as 0% and #FFF1F0 as 100%.

0.0%	0.0% #EDABF7	RGB 237 171 247	#EDABF7
16.7%	16.7% #F8B6F3	RGB 248 182 243	#F8B6F3
33.3%	33.3% #F9C1EA	RGB 249 193 234	#F9C1EA
50.0%	50.0% #FBCDE5	RGB 251 205 229	#FBCDE5
66.7%	66.7% #FCD8E4	RGB 252 216 228	#FCD8E4
83.3%	83.3% #FDE4E7	RGB 253 228 231	#FDE4E7
100.0%	100.0% #FFF1F0	RGB 255 241 240	#FFF1F0

#EDABF7 #F8B6F3 #F9C1EA #FBCDE5 #FCD8E4 #FDE4E7 #FFF1F0

#EDABF7 - #FBCDE5 - #FFF1F0

CSS codes

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

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