#C25DC3 - #FFB9C7 | 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 #C25DC3 to #FFB9C7

#C25DC3 #FFB9C7

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

#C25DC3 - #FFB9C7 | 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 #C25DC3 as 0% and #FFB9C7 as 100%.

0.0%	0.0% #C25DC3	RGB 194 93 195	#C25DC3
16.7%	16.7% #CC6CC3	RGB 204 108 195	#CC6CC3
33.3%	33.3% #D67BC4	RGB 214 123 196	#D67BC4
50.0%	50.0% #E08BC5	RGB 224 139 197	#E08BC5
66.7%	66.7% #EA9AC5	RGB 234 154 197	#EA9AC5
83.3%	83.3% #F4A9C6	RGB 244 169 198	#F4A9C6
100.0%	100.0% #FFB9C7	RGB 255 185 199	#FFB9C7

#C25DC3 #CC6CC3 #D67BC4 #E08BC5 #EA9AC5 #F4A9C6 #FFB9C7

#C25DC3 - #FFB9C7

HSV Blend

#C25DC3 - #FFB9C7 | 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 #C25DC3 as 0% and #FFB9C7 as 100%.

0.0%	0.0% #C25DC3	RGB 194 93 195	#C25DC3
16.7%	16.7% #CD6AC0	RGB 205 106 192	#CD6AC0
33.3%	33.3% #D778BE	RGB 215 120 190	#D778BE
50.0%	50.0% #E187BD	RGB 225 135 189	#E187BD
66.7%	66.7% #EB97BE	RGB 235 151 190	#EB97BE
83.3%	83.3% #F5A7C1	RGB 245 167 193	#F5A7C1
100.0%	100.0% #FFB9C7	RGB 255 185 199	#FFB9C7

#C25DC3 #CD6AC0 #D778BE #E187BD #EB97BE #F5A7C1 #FFB9C7

#C25DC3 - #E187BD - #FFB9C7

CSS codes

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

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