#CB5D5E - #F0D0D1 | 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 #CB5D5E to #F0D0D1

#CB5D5E #F0D0D1

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

#CB5D5E - #F0D0D1 | 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 #CB5D5E as 0% and #F0D0D1 as 100%.

0.0%	0.0% #CB5D5E	RGB 203 93 94	#CB5D5E
16.7%	16.7% #D17071	RGB 209 112 113	#D17071
33.3%	33.3% #D78384	RGB 215 131 132	#D78384
50.0%	50.0% #DD9697	RGB 221 150 151	#DD9697
66.7%	66.7% #E3A9AA	RGB 227 169 170	#E3A9AA
83.3%	83.3% #E9BCBD	RGB 233 188 189	#E9BCBD
100.0%	100.0% #F0D0D1	RGB 240 208 209	#F0D0D1

#CB5D5E #D17071 #D78384 #DD9697 #E3A9AA #E9BCBD #F0D0D1

#CB5D5E - #F0D0D1

HSV Blend

#CB5D5E - #F0D0D1 | 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 #CB5D5E as 0% and #F0D0D1 as 100%.

0.0%	0.0% #CB5D5E	RGB 203 93 94	#CB5D5E
16.7%	16.7% #D16E6F	RGB 209 110 111	#D16E6F
33.3%	33.3% #D77F81	RGB 215 127 129	#D77F81
50.0%	50.0% #DD9294	RGB 221 146 148	#DD9294
66.7%	66.7% #E3A6A7	RGB 227 166 167	#E3A6A7
83.3%	83.3% #E9BABC	RGB 233 186 188	#E9BABC
100.0%	100.0% #F0D0D1	RGB 240 208 209	#F0D0D1

#CB5D5E #D16E6F #D77F81 #DD9294 #E3A6A7 #E9BABC #F0D0D1

#CB5D5E - #DD9294 - #F0D0D1

CSS codes

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

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