#EDD4E2 - #FFFBF5 | 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 #EDD4E2 to #FFFBF5

#EDD4E2 #FFFBF5

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

#EDD4E2 - #FFFBF5 | 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 #EDD4E2 as 0% and #FFFBF5 as 100%.

0.0%	0.0% #EDD4E2	RGB 237 212 226	#EDD4E2
16.7%	16.7% #F0DAE5	RGB 240 218 229	#F0DAE5
33.3%	33.3% #F3E1E8	RGB 243 225 232	#F3E1E8
50.0%	50.0% #F6E7EB	RGB 246 231 235	#F6E7EB
66.7%	66.7% #F9EEEE	RGB 249 238 238	#F9EEEE
83.3%	83.3% #FCF4F1	RGB 252 244 241	#FCF4F1
100.0%	100.0% #FFFBF5	RGB 255 251 245	#FFFBF5

#EDD4E2 #F0DAE5 #F3E1E8 #F6E7EB #F9EEEE #FCF4F1 #FFFBF5

#EDD4E2 - #FFFBF5

HSV Blend

#EDD4E2 - #FFFBF5 | 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 #EDD4E2 as 0% and #FFFBF5 as 100%.

0.0%	0.0% #EDD4E2	RGB 237 212 226	#EDD4E2
16.7%	16.7% #F0D9E1	RGB 240 217 225	#F0D9E1
33.3%	33.3% #F3DEE2	RGB 243 222 226	#F3DEE2
50.0%	50.0% #F6E4E4	RGB 246 228 228	#F6E4E4
66.7%	66.7% #F9ECE9	RGB 249 236 233	#F9ECE9
83.3%	83.3% #FCF4EF	RGB 252 244 239	#FCF4EF
100.0%	100.0% #FFFBF5	RGB 255 251 245	#FFFBF5

#EDD4E2 #F0D9E1 #F3DEE2 #F6E4E4 #F9ECE9 #FCF4EF #FFFBF5

#EDD4E2 - #F6E4E4 - #FFFBF5

CSS codes

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

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