#FF5DCF - #FFD1F0 | 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 #FF5DCF to #FFD1F0

#FF5DCF #FFD1F0

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

#FF5DCF - #FFD1F0 | 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 #FF5DCF as 0% and #FFD1F0 as 100%.

0.0%	0.0% #FF5DCF	RGB 255 93 207	#FF5DCF
16.7%	16.7% #FF70D4	RGB 255 112 212	#FF70D4
33.3%	33.3% #FF83DA	RGB 255 131 218	#FF83DA
50.0%	50.0% #FF97DF	RGB 255 151 223	#FF97DF
66.7%	66.7% #FFAAE5	RGB 255 170 229	#FFAAE5
83.3%	83.3% #FFBDEA	RGB 255 189 234	#FFBDEA
100.0%	100.0% #FFD1F0	RGB 255 209 240	#FFD1F0

#FF5DCF #FF70D4 #FF83DA #FF97DF #FFAAE5 #FFBDEA #FFD1F0

#FF5DCF - #FFD1F0

HSV Blend

#FF5DCF - #FFD1F0 | 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 #FF5DCF as 0% and #FFD1F0 as 100%.

0.0%	0.0% #FF5DCE	RGB 255 93 206	#FF5DCE
16.7%	16.7% #FF70D4	RGB 255 112 212	#FF70D4
33.3%	33.3% #FF83D9	RGB 255 131 217	#FF83D9
50.0%	50.0% #FF97DE	RGB 255 151 222	#FF97DE
66.7%	66.7% #FFAAE4	RGB 255 170 228	#FFAAE4
83.3%	83.3% #FFBDEA	RGB 255 189 234	#FFBDEA
100.0%	100.0% #FFD1F0	RGB 255 209 240	#FFD1F0

#FF5DCE #FF70D4 #FF83D9 #FF97DE #FFAAE4 #FFBDEA #FFD1F0

#FF5DCF - #FF97DE - #FFD1F0

CSS codes

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

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