#FCBCFD - #DC4BD6 | 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 #FCBCFD to #DC4BD6

#FCBCFD #DC4BD6

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

#FCBCFD - #DC4BD6 | 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 #FCBCFD as 0% and #DC4BD6 as 100%.

0.0%	0.0% #FCBCFD	RGB 252 188 253	#FCBCFD
16.7%	16.7% #F6A9F6	RGB 246 169 246	#F6A9F6
33.3%	33.3% #F196F0	RGB 241 150 240	#F196F0
50.0%	50.0% #EC83E9	RGB 236 131 233	#EC83E9
66.7%	66.7% #E670E3	RGB 230 112 227	#E670E3
83.3%	83.3% #E15DDC	RGB 225 93 220	#E15DDC
100.0%	100.0% #DC4BD6	RGB 220 75 214	#DC4BD6

#FCBCFD #F6A9F6 #F196F0 #EC83E9 #E670E3 #E15DDC #DC4BD6

#FCBCFD - #DC4BD6

HSV Blend

#FCBCFD - #DC4BD6 | 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 #FCBCFD as 0% and #DC4BD6 as 100%.

0.0%	0.0% #FCBCFD	RGB 252 188 253	#FCBCFD
16.7%	16.7% #F7A7F7	RGB 247 167 247	#F7A7F7
33.3%	33.3% #F293F1	RGB 242 147 241	#F293F1
50.0%	50.0% #EC80EB	RGB 236 128 235	#EC80EB
66.7%	66.7% #E76DE4	RGB 231 109 228	#E76DE4
83.3%	83.3% #E15BDD	RGB 225 91 221	#E15BDD
100.0%	100.0% #DC4BD6	RGB 220 75 214	#DC4BD6

#FCBCFD #F7A7F7 #F293F1 #EC80EB #E76DE4 #E15BDD #DC4BD6

#FCBCFD - #EC80EB - #DC4BD6

CSS codes

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

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