#C100B5 - #FF76F3 | 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 #C100B5 to #FF76F3

#C100B5 #FF76F3

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

#C100B5 - #FF76F3 | 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 #C100B5 as 0% and #FF76F3 as 100%.

0.0%	0.0% #C100B5	RGB 193 0 181	#C100B5
16.7%	16.7% #CB13BF	RGB 203 19 191	#CB13BF
33.3%	33.3% #D527C9	RGB 213 39 201	#D527C9
50.0%	50.0% #E03BD4	RGB 224 59 212	#E03BD4
66.7%	66.7% #EA4EDE	RGB 234 78 222	#EA4EDE
83.3%	83.3% #F462E8	RGB 244 98 232	#F462E8
100.0%	100.0% #FF76F3	RGB 255 118 243	#FF76F3

#C100B5 #CB13BF #D527C9 #E03BD4 #EA4EDE #F462E8 #FF76F3

#C100B5 - #FF76F3

HSV Blend

#C100B5 - #FF76F3 | 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 #C100B5 as 0% and #FF76F3 as 100%.

0.0%	0.0% #C100B4	RGB 193 0 180	#C100B4
16.7%	16.7% #CB0FBE	RGB 203 15 190	#CB0FBE
33.3%	33.3% #D520C8	RGB 213 32 200	#D520C8
50.0%	50.0% #E033D3	RGB 224 51 211	#E033D3
66.7%	66.7% #EA48DD	RGB 234 72 221	#EA48DD
83.3%	83.3% #F45EE8	RGB 244 94 232	#F45EE8
100.0%	100.0% #FF76F3	RGB 255 118 243	#FF76F3

#C100B4 #CB0FBE #D520C8 #E033D3 #EA48DD #F45EE8 #FF76F3

#C100B5 - #E033D3 - #FF76F3

CSS codes

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

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