#FF94B7 - #CF2B6A | 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 #FF94B7 to #CF2B6A

#FF94B7 #CF2B6A

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

#FF94B7 - #CF2B6A | 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 #FF94B7 as 0% and #CF2B6A as 100%.

0.0%	0.0% #FF94B7	RGB 255 148 183	#FF94B7
16.7%	16.7% #F782AA	RGB 247 130 170	#F782AA
33.3%	33.3% #EF719D	RGB 239 113 157	#EF719D
50.0%	50.0% #E75F90	RGB 231 95 144	#E75F90
66.7%	66.7% #DF4E83	RGB 223 78 131	#DF4E83
83.3%	83.3% #D73C76	RGB 215 60 118	#D73C76
100.0%	100.0% #CF2B6A	RGB 207 43 106	#CF2B6A

#FF94B7 #F782AA #EF719D #E75F90 #DF4E83 #D73C76 #CF2B6A

#FF94B7 - #CF2B6A

HSV Blend

#FF94B7 - #CF2B6A | 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 #FF94B7 as 0% and #CF2B6A as 100%.

0.0%	0.0% #FF94B7	RGB 255 148 183	#FF94B7
16.7%	16.7% #F780A8	RGB 247 128 168	#F780A8
33.3%	33.3% #EF6D9A	RGB 239 109 154	#EF6D9A
50.0%	50.0% #E75B8C	RGB 231 91 140	#E75B8C
66.7%	66.7% #DF4A80	RGB 223 74 128	#DF4A80
83.3%	83.3% #D73A74	RGB 215 58 116	#D73A74
100.0%	100.0% #CF2B6A	RGB 207 43 106	#CF2B6A

#FF94B7 #F780A8 #EF6D9A #E75B8C #DF4A80 #D73A74 #CF2B6A

#FF94B7 - #E75B8C - #CF2B6A

CSS codes

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

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