#FF6BA9 - #C1015E | 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 #FF6BA9 to #C1015E

#FF6BA9 #C1015E

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

#FF6BA9 - #C1015E | 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 #FF6BA9 as 0% and #C1015E as 100%.

0.0%	0.0% #FF6BA9	RGB 255 107 169	#FF6BA9
16.7%	16.7% #F4599C	RGB 244 89 156	#F4599C
33.3%	33.3% #EA4790	RGB 234 71 144	#EA4790
50.0%	50.0% #E03683	RGB 224 54 131	#E03683
66.7%	66.7% #D52477	RGB 213 36 119	#D52477
83.3%	83.3% #CB126A	RGB 203 18 106	#CB126A
100.0%	100.0% #C1015E	RGB 193 1 94	#C1015E

#FF6BA9 #F4599C #EA4790 #E03683 #D52477 #CB126A #C1015E

#FF6BA9 - #C1015E

HSV Blend

#FF6BA9 - #C1015E | 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 #FF6BA9 as 0% and #C1015E as 100%.

0.0%	0.0% #FF6BA8	RGB 255 107 168	#FF6BA8
16.7%	16.7% #F4559A	RGB 244 85 154	#F4559A
33.3%	33.3% #EA418C	RGB 234 65 140	#EA418C
50.0%	50.0% #E02F7F	RGB 224 47 127	#E02F7F
66.7%	66.7% #D51E73	RGB 213 30 115	#D51E73
83.3%	83.3% #CB0F68	RGB 203 15 104	#CB0F68
100.0%	100.0% #C1015E	RGB 193 1 94	#C1015E

#FF6BA8 #F4559A #EA418C #E02F7F #D51E73 #CB0F68 #C1015E

#FF6BA9 - #E02F7F - #C1015E

CSS codes

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

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