#FFB9D5 - #CF4C6B | 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 #FFB9D5 to #CF4C6B

#FFB9D5 #CF4C6B

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

#FFB9D5 - #CF4C6B | 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 #FFB9D5 as 0% and #CF4C6B as 100%.

0.0%	0.0% #FFB9D5	RGB 255 185 213	#FFB9D5
16.7%	16.7% #F7A6C3	RGB 247 166 195	#F7A6C3
33.3%	33.3% #EF94B1	RGB 239 148 177	#EF94B1
50.0%	50.0% #E782A0	RGB 231 130 160	#E782A0
66.7%	66.7% #DF708E	RGB 223 112 142	#DF708E
83.3%	83.3% #D75E7C	RGB 215 94 124	#D75E7C
100.0%	100.0% #CF4C6B	RGB 207 76 107	#CF4C6B

#FFB9D5 #F7A6C3 #EF94B1 #E782A0 #DF708E #D75E7C #CF4C6B

#FFB9D5 - #CF4C6B

HSV Blend

#FFB9D5 - #CF4C6B | 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 #FFB9D5 as 0% and #CF4C6B as 100%.

0.0%	0.0% #FFB9D5	RGB 255 185 213	#FFB9D5
16.7%	16.7% #F7A4C3	RGB 247 164 195	#F7A4C3
33.3%	33.3% #EF90B1	RGB 239 144 177	#EF90B1
50.0%	50.0% #E77E9F	RGB 231 126 159	#E77E9F
66.7%	66.7% #DF6C8D	RGB 223 108 141	#DF6C8D
83.3%	83.3% #D75B7C	RGB 215 91 124	#D75B7C
100.0%	100.0% #CF4C6B	RGB 207 76 107	#CF4C6B

#FFB9D5 #F7A4C3 #EF90B1 #E77E9F #DF6C8D #D75B7C #CF4C6B

#FFB9D5 - #E77E9F - #CF4C6B

CSS codes

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

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