#FFB8C0 - #D55D72 | 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 #FFB8C0 to #D55D72

#FFB8C0 #D55D72

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

#FFB8C0 - #D55D72 | 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 #FFB8C0 as 0% and #D55D72 as 100%.

0.0%	0.0% #FFB8C0	RGB 255 184 192	#FFB8C0
16.7%	16.7% #F8A8B3	RGB 248 168 179	#F8A8B3
33.3%	33.3% #F199A6	RGB 241 153 166	#F199A6
50.0%	50.0% #EA8A99	RGB 234 138 153	#EA8A99
66.7%	66.7% #E37B8C	RGB 227 123 140	#E37B8C
83.3%	83.3% #DC6C7F	RGB 220 108 127	#DC6C7F
100.0%	100.0% #D55D72	RGB 213 93 114	#D55D72

#FFB8C0 #F8A8B3 #F199A6 #EA8A99 #E37B8C #DC6C7F #D55D72

#FFB8C0 - #D55D72

HSV Blend

#FFB8C0 - #D55D72 | 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 #FFB8C0 as 0% and #D55D72 as 100%.

0.0%	0.0% #FFB8C0	RGB 255 184 192	#FFB8C0
16.7%	16.7% #F8A7B1	RGB 248 167 177	#F8A7B1
33.3%	33.3% #F197A3	RGB 241 151 163	#F197A3
50.0%	50.0% #EA8795	RGB 234 135 149	#EA8795
66.7%	66.7% #E37889	RGB 227 120 137	#E37889
83.3%	83.3% #DC6A7D	RGB 220 106 125	#DC6A7D
100.0%	100.0% #D55D72	RGB 213 93 114	#D55D72

#FFB8C0 #F8A7B1 #F197A3 #EA8795 #E37889 #DC6A7D #D55D72

#FFB8C0 - #EA8795 - #D55D72

CSS codes

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

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