#C357C5 - #ECCFEE | 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 #C357C5 to #ECCFEE

#C357C5 #ECCFEE

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

#C357C5 - #ECCFEE | 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 #C357C5 as 0% and #ECCFEE as 100%.

0.0%	0.0% #C357C5	RGB 195 87 197	#C357C5
16.7%	16.7% #C96BCB	RGB 201 107 203	#C96BCB
33.3%	33.3% #D07FD2	RGB 208 127 210	#D07FD2
50.0%	50.0% #D793D9	RGB 215 147 217	#D793D9
66.7%	66.7% #DEA7E0	RGB 222 167 224	#DEA7E0
83.3%	83.3% #E5BBE7	RGB 229 187 231	#E5BBE7
100.0%	100.0% #ECCFEE	RGB 236 207 238	#ECCFEE

#C357C5 #C96BCB #D07FD2 #D793D9 #DEA7E0 #E5BBE7 #ECCFEE

#C357C5 - #ECCFEE

HSV Blend

#C357C5 - #ECCFEE | 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 #C357C5 as 0% and #ECCFEE as 100%.

0.0%	0.0% #C357C5	RGB 195 87 197	#C357C5
16.7%	16.7% #C968CB	RGB 201 104 203	#C968CB
33.3%	33.3% #CF7BD2	RGB 207 123 210	#CF7BD2
50.0%	50.0% #D68ED9	RGB 214 142 217	#D68ED9
66.7%	66.7% #DDA3E0	RGB 221 163 224	#DDA3E0
83.3%	83.3% #E4B8E7	RGB 228 184 231	#E4B8E7
100.0%	100.0% #ECCFEE	RGB 236 207 238	#ECCFEE

#C357C5 #C968CB #CF7BD2 #D68ED9 #DDA3E0 #E4B8E7 #ECCFEE

#C357C5 - #D68ED9 - #ECCFEE

CSS codes

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

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