#F7B5CB - #CD5480 | 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 #F7B5CB to #CD5480

#F7B5CB #CD5480

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

#F7B5CB - #CD5480 | 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 #F7B5CB as 0% and #CD5480 as 100%.

0.0%	0.0% #F7B5CB	RGB 247 181 203	#F7B5CB
16.7%	16.7% #F0A4BE	RGB 240 164 190	#F0A4BE
33.3%	33.3% #E994B2	RGB 233 148 178	#E994B2
50.0%	50.0% #E284A5	RGB 226 132 165	#E284A5
66.7%	66.7% #DB7499	RGB 219 116 153	#DB7499
83.3%	83.3% #D4648C	RGB 212 100 140	#D4648C
100.0%	100.0% #CD5480	RGB 205 84 128	#CD5480

#F7B5CB #F0A4BE #E994B2 #E284A5 #DB7499 #D4648C #CD5480

#F7B5CB - #CD5480

HSV Blend

#F7B5CB - #CD5480 | 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 #F7B5CB as 0% and #CD5480 as 100%.

0.0%	0.0% #F7B5CB	RGB 247 181 203	#F7B5CB
16.7%	16.7% #F0A2BD	RGB 240 162 189	#F0A2BD
33.3%	33.3% #E991AF	RGB 233 145 175	#E991AF
50.0%	50.0% #E281A2	RGB 226 129 162	#E281A2
66.7%	66.7% #DB7196	RGB 219 113 150	#DB7196
83.3%	83.3% #D4628B	RGB 212 98 139	#D4628B
100.0%	100.0% #CD5480	RGB 205 84 128	#CD5480

#F7B5CB #F0A2BD #E991AF #E281A2 #DB7196 #D4628B #CD5480

#F7B5CB - #E281A2 - #CD5480

CSS codes

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

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