#FEDADF - #F5E6EE | 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 #FEDADF to #F5E6EE

#FEDADF #F5E6EE

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

#FEDADF - #F5E6EE | 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 #FEDADF as 0% and #F5E6EE as 100%.

0.0%	0.0% #FEDADF	RGB 254 218 223	#FEDADF
16.7%	16.7% #FCDCE1	RGB 252 220 225	#FCDCE1
33.3%	33.3% #FBDEE4	RGB 251 222 228	#FBDEE4
50.0%	50.0% #F9E0E6	RGB 249 224 230	#F9E0E6
66.7%	66.7% #F8E2E9	RGB 248 226 233	#F8E2E9
83.3%	83.3% #F6E4EB	RGB 246 228 235	#F6E4EB
100.0%	100.0% #F5E6EE	RGB 245 230 238	#F5E6EE

#FEDADF #FCDCE1 #FBDEE4 #F9E0E6 #F8E2E9 #F6E4EB #F5E6EE

#FEDADF - #F5E6EE

HSV Blend

#FEDADF - #F5E6EE | 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 #FEDADF as 0% and #F5E6EE as 100%.

0.0%	0.0% #FEDADF	RGB 254 218 223	#FEDADF
16.7%	16.7% #FCDCE2	RGB 252 220 226	#FCDCE2
33.3%	33.3% #FBDEE5	RGB 251 222 229	#FBDEE5
50.0%	50.0% #F9E0E8	RGB 249 224 232	#F9E0E8
66.7%	66.7% #F8E2EA	RGB 248 226 234	#F8E2EA
83.3%	83.3% #F6E4EC	RGB 246 228 236	#F6E4EC
100.0%	100.0% #F5E6EE	RGB 245 230 238	#F5E6EE

#FEDADF #FCDCE2 #FBDEE5 #F9E0E8 #F8E2EA #F6E4EC #F5E6EE

#FEDADF - #F9E0E8 - #F5E6EE

CSS codes

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

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