#FF4CC1 - #FFD1EC | 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 #FF4CC1 to #FFD1EC

#FF4CC1 #FFD1EC

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

#FF4CC1 - #FFD1EC | 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 #FF4CC1 as 0% and #FFD1EC as 100%.

0.0%	0.0% #FF4CC1	RGB 255 76 193	#FF4CC1
16.7%	16.7% #FF62C8	RGB 255 98 200	#FF62C8
33.3%	33.3% #FF78CF	RGB 255 120 207	#FF78CF
50.0%	50.0% #FF8ED6	RGB 255 142 214	#FF8ED6
66.7%	66.7% #FFA4DD	RGB 255 164 221	#FFA4DD
83.3%	83.3% #FFBAE4	RGB 255 186 228	#FFBAE4
100.0%	100.0% #FFD1EC	RGB 255 209 236	#FFD1EC

#FF4CC1 #FF62C8 #FF78CF #FF8ED6 #FFA4DD #FFBAE4 #FFD1EC

#FF4CC1 - #FFD1EC

HSV Blend

#FF4CC1 - #FFD1EC | 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 #FF4CC1 as 0% and #FFD1EC as 100%.

0.0%	0.0% #FF4BC1	RGB 255 75 193	#FF4BC1
16.7%	16.7% #FF62C6	RGB 255 98 198	#FF62C6
33.3%	33.3% #FF78CD	RGB 255 120 205	#FF78CD
50.0%	50.0% #FF8ED4	RGB 255 142 212	#FF8ED4
66.7%	66.7% #FFA4DB	RGB 255 164 219	#FFA4DB
83.3%	83.3% #FFBAE3	RGB 255 186 227	#FFBAE3
100.0%	100.0% #FFD1EC	RGB 255 209 236	#FFD1EC

#FF4BC1 #FF62C6 #FF78CD #FF8ED4 #FFA4DB #FFBAE3 #FFD1EC

#FF4CC1 - #FF8ED4 - #FFD1EC

CSS codes

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

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