#FF91B9 - #CF266C | 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 #FF91B9 to #CF266C

#FF91B9 #CF266C

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

#FF91B9 - #CF266C | 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 #FF91B9 as 0% and #CF266C as 100%.

0.0%	0.0% #FF91B9	RGB 255 145 185	#FF91B9
16.7%	16.7% #F77FAC	RGB 247 127 172	#F77FAC
33.3%	33.3% #EF6D9F	RGB 239 109 159	#EF6D9F
50.0%	50.0% #E75B92	RGB 231 91 146	#E75B92
66.7%	66.7% #DF4985	RGB 223 73 133	#DF4985
83.3%	83.3% #D73778	RGB 215 55 120	#D73778
100.0%	100.0% #CF266C	RGB 207 38 108	#CF266C

#FF91B9 #F77FAC #EF6D9F #E75B92 #DF4985 #D73778 #CF266C

#FF91B9 - #CF266C

HSV Blend

#FF91B9 - #CF266C | 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 #FF91B9 as 0% and #CF266C as 100%.

0.0%	0.0% #FF91B9	RGB 255 145 185	#FF91B9
16.7%	16.7% #F77CAA	RGB 247 124 170	#F77CAA
33.3%	33.3% #EF699C	RGB 239 105 156	#EF699C
50.0%	50.0% #E7568E	RGB 231 86 142	#E7568E
66.7%	66.7% #DF4582	RGB 223 69 130	#DF4582
83.3%	83.3% #D73576	RGB 215 53 118	#D73576
100.0%	100.0% #CF266C	RGB 207 38 108	#CF266C

#FF91B9 #F77CAA #EF699C #E7568E #DF4582 #D73576 #CF266C

#FF91B9 - #E7568E - #CF266C

CSS codes

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

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