#C35FD4 - #FCC0DB | 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 #C35FD4 to #FCC0DB

#C35FD4 #FCC0DB

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

#C35FD4 - #FCC0DB | 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 #C35FD4 as 0% and #FCC0DB as 100%.

0.0%	0.0% #C35FD4	RGB 195 95 212	#C35FD4
16.7%	16.7% #CC6FD5	RGB 204 111 213	#CC6FD5
33.3%	33.3% #D67FD6	RGB 214 127 214	#D67FD6
50.0%	50.0% #DF8FD7	RGB 223 143 215	#DF8FD7
66.7%	66.7% #E99FD8	RGB 233 159 216	#E99FD8
83.3%	83.3% #F2AFD9	RGB 242 175 217	#F2AFD9
100.0%	100.0% #FCC0DB	RGB 252 192 219	#FCC0DB

#C35FD4 #CC6FD5 #D67FD6 #DF8FD7 #E99FD8 #F2AFD9 #FCC0DB

#C35FD4 - #FCC0DB

HSV Blend

#C35FD4 - #FCC0DB | 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 #C35FD4 as 0% and #FCC0DB as 100%.

0.0%	0.0% #C35FD4	RGB 195 95 212	#C35FD4
16.7%	16.7% #D76DDA	RGB 215 109 218	#D76DDA
33.3%	33.3% #E17CD8	RGB 225 124 216	#E17CD8
50.0%	50.0% #E88CD5	RGB 232 140 213	#E88CD5
66.7%	66.7% #EE9CD4	RGB 238 156 212	#EE9CD4
83.3%	83.3% #F5AED6	RGB 245 174 214	#F5AED6
100.0%	100.0% #FCC0DB	RGB 252 192 219	#FCC0DB

#C35FD4 #D76DDA #E17CD8 #E88CD5 #EE9CD4 #F5AED6 #FCC0DB

#C35FD4 - #E88CD5 - #FCC0DB

CSS codes

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

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