#C25EC3 - #FFBAC7 | 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 #C25EC3 to #FFBAC7

#C25EC3 #FFBAC7

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

#C25EC3 - #FFBAC7 | 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 #C25EC3 as 0% and #FFBAC7 as 100%.

0.0%	0.0% #C25EC3	RGB 194 94 195	#C25EC3
16.7%	16.7% #CC6DC3	RGB 204 109 195	#CC6DC3
33.3%	33.3% #D67CC4	RGB 214 124 196	#D67CC4
50.0%	50.0% #E08CC5	RGB 224 140 197	#E08CC5
66.7%	66.7% #EA9BC5	RGB 234 155 197	#EA9BC5
83.3%	83.3% #F4AAC6	RGB 244 170 198	#F4AAC6
100.0%	100.0% #FFBAC7	RGB 255 186 199	#FFBAC7

#C25EC3 #CC6DC3 #D67CC4 #E08CC5 #EA9BC5 #F4AAC6 #FFBAC7

#C25EC3 - #FFBAC7

HSV Blend

#C25EC3 - #FFBAC7 | 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 #C25EC3 as 0% and #FFBAC7 as 100%.

0.0%	0.0% #C25EC3	RGB 194 94 195	#C25EC3
16.7%	16.7% #CD6BC0	RGB 205 107 192	#CD6BC0
33.3%	33.3% #D779BE	RGB 215 121 190	#D779BE
50.0%	50.0% #E188BD	RGB 225 136 189	#E188BD
66.7%	66.7% #EB98BE	RGB 235 152 190	#EB98BE
83.3%	83.3% #F5A8C1	RGB 245 168 193	#F5A8C1
100.0%	100.0% #FFBAC7	RGB 255 186 199	#FFBAC7

#C25EC3 #CD6BC0 #D779BE #E188BD #EB98BE #F5A8C1 #FFBAC7

#C25EC3 - #E188BD - #FFBAC7

CSS codes

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

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