#FF4B5E - #FFCBD1 | 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 #FF4B5E to #FFCBD1

#FF4B5E #FFCBD1

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

#FF4B5E - #FFCBD1 | 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 #FF4B5E as 0% and #FFCBD1 as 100%.

0.0%	0.0% #FF4B5E	RGB 255 75 94	#FF4B5E
16.7%	16.7% #FF6071	RGB 255 96 113	#FF6071
33.3%	33.3% #FF7584	RGB 255 117 132	#FF7584
50.0%	50.0% #FF8B97	RGB 255 139 151	#FF8B97
66.7%	66.7% #FFA0AA	RGB 255 160 170	#FFA0AA
83.3%	83.3% #FFB5BD	RGB 255 181 189	#FFB5BD
100.0%	100.0% #FFCBD1	RGB 255 203 209	#FFCBD1

#FF4B5E #FF6071 #FF7584 #FF8B97 #FFA0AA #FFB5BD #FFCBD1

#FF4B5E - #FFCBD1

HSV Blend

#FF4B5E - #FFCBD1 | 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 #FF4B5E as 0% and #FFCBD1 as 100%.

0.0%	0.0% #FF4B5E	RGB 255 75 94	#FF4B5E
16.7%	16.7% #FF6071	RGB 255 96 113	#FF6071
33.3%	33.3% #FF7584	RGB 255 117 132	#FF7584
50.0%	50.0% #FF8B97	RGB 255 139 151	#FF8B97
66.7%	66.7% #FFA0AA	RGB 255 160 170	#FFA0AA
83.3%	83.3% #FFB5BE	RGB 255 181 190	#FFB5BE
100.0%	100.0% #FFCBD1	RGB 255 203 209	#FFCBD1

#FF4B5E #FF6071 #FF7584 #FF8B97 #FFA0AA #FFB5BE #FFCBD1

#FF4B5E - #FF8B97 - #FFCBD1

CSS codes

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

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