#C64CD5 - #FDB5E1 | 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 #C64CD5 to #FDB5E1

#C64CD5 #FDB5E1

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

#C64CD5 - #FDB5E1 | 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 #C64CD5 as 0% and #FDB5E1 as 100%.

0.0%	0.0% #C64CD5	RGB 198 76 213	#C64CD5
16.7%	16.7% #CF5DD7	RGB 207 93 215	#CF5DD7
33.3%	33.3% #D86FD9	RGB 216 111 217	#D86FD9
50.0%	50.0% #E180DB	RGB 225 128 219	#E180DB
66.7%	66.7% #EA92DD	RGB 234 146 221	#EA92DD
83.3%	83.3% #F3A3DF	RGB 243 163 223	#F3A3DF
100.0%	100.0% #FDB5E1	RGB 253 181 225	#FDB5E1

#C64CD5 #CF5DD7 #D86FD9 #E180DB #EA92DD #F3A3DF #FDB5E1

#C64CD5 - #FDB5E1

HSV Blend

#C64CD5 - #FDB5E1 | 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 #C64CD5 as 0% and #FDB5E1 as 100%.

0.0%	0.0% #C64BD5	RGB 198 75 213	#C64BD5
16.7%	16.7% #D85BDB	RGB 216 91 219	#D85BDB
33.3%	33.3% #E26BDB	RGB 226 107 219	#E26BDB
50.0%	50.0% #E97CD9	RGB 233 124 217	#E97CD9
66.7%	66.7% #EF8EDA	RGB 239 142 218	#EF8EDA
83.3%	83.3% #F6A1DC	RGB 246 161 220	#F6A1DC
100.0%	100.0% #FDB5E1	RGB 253 181 225	#FDB5E1

#C64BD5 #D85BDB #E26BDB #E97CD9 #EF8EDA #F6A1DC #FDB5E1

#C64CD5 - #E97CD9 - #FDB5E1

CSS codes

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

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