#FF5E7F - #FFD1DA | 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 #FF5E7F to #FFD1DA

#FF5E7F #FFD1DA

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

#FF5E7F - #FFD1DA | 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 #FF5E7F as 0% and #FFD1DA as 100%.

0.0%	0.0% #FF5E7F	RGB 255 94 127	#FF5E7F
16.7%	16.7% #FF718E	RGB 255 113 142	#FF718E
33.3%	33.3% #FF849D	RGB 255 132 157	#FF849D
50.0%	50.0% #FF97AC	RGB 255 151 172	#FF97AC
66.7%	66.7% #FFAABB	RGB 255 170 187	#FFAABB
83.3%	83.3% #FFBDCA	RGB 255 189 202	#FFBDCA
100.0%	100.0% #FFD1DA	RGB 255 209 218	#FFD1DA

#FF5E7F #FF718E #FF849D #FF97AC #FFAABB #FFBDCA #FFD1DA

#FF5E7F - #FFD1DA

HSV Blend

#FF5E7F - #FFD1DA | 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 #FF5E7F as 0% and #FFD1DA as 100%.

0.0%	0.0% #FF5D7F	RGB 255 93 127	#FF5D7F
16.7%	16.7% #FF718E	RGB 255 113 142	#FF718E
33.3%	33.3% #FF849D	RGB 255 132 157	#FF849D
50.0%	50.0% #FF97AC	RGB 255 151 172	#FF97AC
66.7%	66.7% #FFAABB	RGB 255 170 187	#FFAABB
83.3%	83.3% #FFBDCA	RGB 255 189 202	#FFBDCA
100.0%	100.0% #FFD1DA	RGB 255 209 218	#FFD1DA

#FF5D7F #FF718E #FF849D #FF97AC #FFAABB #FFBDCA #FFD1DA

#FF5E7F - #FF97AC - #FFD1DA

CSS codes

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

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