#FC8CFF - #DD36EB | 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 #FC8CFF to #DD36EB

#FC8CFF #DD36EB

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

#FC8CFF - #DD36EB | 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 #FC8CFF as 0% and #DD36EB as 100%.

0.0%	0.0% #FC8CFF	RGB 252 140 255	#FC8CFF
16.7%	16.7% #F67DFB	RGB 246 125 251	#F67DFB
33.3%	33.3% #F16FF8	RGB 241 111 248	#F16FF8
50.0%	50.0% #EC61F5	RGB 236 97 245	#EC61F5
66.7%	66.7% #E752F1	RGB 231 82 241	#E752F1
83.3%	83.3% #E244EE	RGB 226 68 238	#E244EE
100.0%	100.0% #DD36EB	RGB 221 54 235	#DD36EB

#FC8CFF #F67DFB #F16FF8 #EC61F5 #E752F1 #E244EE #DD36EB

#FC8CFF - #DD36EB

HSV Blend

#FC8CFF - #DD36EB | 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 #FC8CFF as 0% and #DD36EB as 100%.

0.0%	0.0% #FC8CFF	RGB 252 140 255	#FC8CFF
16.7%	16.7% #F77CFB	RGB 247 124 251	#F77CFB
33.3%	33.3% #F26DF8	RGB 242 109 248	#F26DF8
50.0%	50.0% #ED5FF5	RGB 237 95 245	#ED5FF5
66.7%	66.7% #E751F1	RGB 231 81 241	#E751F1
83.3%	83.3% #E243EE	RGB 226 67 238	#E243EE
100.0%	100.0% #DD36EB	RGB 221 54 235	#DD36EB

#FC8CFF #F77CFB #F26DF8 #ED5FF5 #E751F1 #E243EE #DD36EB

#FC8CFF - #ED5FF5 - #DD36EB

CSS codes

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

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