#FF94A8 - #CF2B55 | 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 #FF94A8 to #CF2B55

#FF94A8 #CF2B55

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

#FF94A8 - #CF2B55 | 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 #FF94A8 as 0% and #CF2B55 as 100%.

0.0%	0.0% #FF94A8	RGB 255 148 168	#FF94A8
16.7%	16.7% #F7829A	RGB 247 130 154	#F7829A
33.3%	33.3% #EF718C	RGB 239 113 140	#EF718C
50.0%	50.0% #E75F7E	RGB 231 95 126	#E75F7E
66.7%	66.7% #DF4E70	RGB 223 78 112	#DF4E70
83.3%	83.3% #D73C62	RGB 215 60 98	#D73C62
100.0%	100.0% #CF2B55	RGB 207 43 85	#CF2B55

#FF94A8 #F7829A #EF718C #E75F7E #DF4E70 #D73C62 #CF2B55

#FF94A8 - #CF2B55

HSV Blend

#FF94A8 - #CF2B55 | 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 #FF94A8 as 0% and #CF2B55 as 100%.

0.0%	0.0% #FF94A8	RGB 255 148 168	#FF94A8
16.7%	16.7% #F78097	RGB 247 128 151	#F78097
33.3%	33.3% #EF6D88	RGB 239 109 136	#EF6D88
50.0%	50.0% #E75B7A	RGB 231 91 122	#E75B7A
66.7%	66.7% #DF4A6C	RGB 223 74 108	#DF4A6C
83.3%	83.3% #D73A60	RGB 215 58 96	#D73A60
100.0%	100.0% #CF2B55	RGB 207 43 85	#CF2B55

#FF94A8 #F78097 #EF6D88 #E75B7A #DF4A6C #D73A60 #CF2B55

#FF94A8 - #E75B7A - #CF2B55

CSS codes

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

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