#FFB9D4 - #D9558B | 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 #FFB9D4 to #D9558B

#FFB9D4 #D9558B

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

#FFB9D4 - #D9558B | 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 #FFB9D4 as 0% and #D9558B as 100%.

0.0%	0.0% #FFB9D4	RGB 255 185 212	#FFB9D4
16.7%	16.7% #F8A8C7	RGB 248 168 199	#F8A8C7
33.3%	33.3% #F297BB	RGB 242 151 187	#F297BB
50.0%	50.0% #EC87AF	RGB 236 135 175	#EC87AF
66.7%	66.7% #E576A3	RGB 229 118 163	#E576A3
83.3%	83.3% #DF6597	RGB 223 101 151	#DF6597
100.0%	100.0% #D9558B	RGB 217 85 139	#D9558B

#FFB9D4 #F8A8C7 #F297BB #EC87AF #E576A3 #DF6597 #D9558B

#FFB9D4 - #D9558B

HSV Blend

#FFB9D4 - #D9558B | 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 #FFB9D4 as 0% and #D9558B as 100%.

0.0%	0.0% #FFB9D4	RGB 255 185 212	#FFB9D4
16.7%	16.7% #F8A6C6	RGB 248 166 198	#F8A6C6
33.3%	33.3% #F294B9	RGB 242 148 185	#F294B9
50.0%	50.0% #EC83AD	RGB 236 131 173	#EC83AD
66.7%	66.7% #E573A1	RGB 229 115 161	#E573A1
83.3%	83.3% #DF6395	RGB 223 99 149	#DF6395
100.0%	100.0% #D9558B	RGB 217 85 139	#D9558B

#FFB9D4 #F8A6C6 #F294B9 #EC83AD #E573A1 #DF6395 #D9558B

#FFB9D4 - #EC83AD - #D9558B

CSS codes

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

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