#FF9BA1 - #CD3F53 | 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 #FF9BA1 to #CD3F53

#FF9BA1 #CD3F53

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

#FF9BA1 - #CD3F53 | 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 #FF9BA1 as 0% and #CD3F53 as 100%.

0.0%	0.0% #FF9BA1	RGB 255 155 161	#FF9BA1
16.7%	16.7% #F68B94	RGB 246 139 148	#F68B94
33.3%	33.3% #EE7C87	RGB 238 124 135	#EE7C87
50.0%	50.0% #E66D7A	RGB 230 109 122	#E66D7A
66.7%	66.7% #DD5D6D	RGB 221 93 109	#DD5D6D
83.3%	83.3% #D54E60	RGB 213 78 96	#D54E60
100.0%	100.0% #CD3F53	RGB 205 63 83	#CD3F53

#FF9BA1 #F68B94 #EE7C87 #E66D7A #DD5D6D #D54E60 #CD3F53

#FF9BA1 - #CD3F53

HSV Blend

#FF9BA1 - #CD3F53 | 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 #FF9BA1 as 0% and #CD3F53 as 100%.

0.0%	0.0% #FF9BA1	RGB 255 155 161	#FF9BA1
16.7%	16.7% #F68991	RGB 246 137 145	#F68991
33.3%	33.3% #EE7883	RGB 238 120 131	#EE7883
50.0%	50.0% #E66975	RGB 230 105 117	#E66975
66.7%	66.7% #DD5A69	RGB 221 90 105	#DD5A69
83.3%	83.3% #D54C5D	RGB 213 76 93	#D54C5D
100.0%	100.0% #CD3F53	RGB 205 63 83	#CD3F53

#FF9BA1 #F68991 #EE7883 #E66975 #DD5A69 #D54C5D #CD3F53

#FF9BA1 - #E66975 - #CD3F53

CSS codes

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

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