#F7B5CF - #CE5285 | 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 #F7B5CF to #CE5285

#F7B5CF #CE5285

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

#F7B5CF - #CE5285 | 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 #F7B5CF as 0% and #CE5285 as 100%.

0.0%	0.0% #F7B5CF	RGB 247 181 207	#F7B5CF
16.7%	16.7% #F0A4C2	RGB 240 164 194	#F0A4C2
33.3%	33.3% #E994B6	RGB 233 148 182	#E994B6
50.0%	50.0% #E283AA	RGB 226 131 170	#E283AA
66.7%	66.7% #DB739D	RGB 219 115 157	#DB739D
83.3%	83.3% #D46291	RGB 212 98 145	#D46291
100.0%	100.0% #CE5285	RGB 206 82 133	#CE5285

#F7B5CF #F0A4C2 #E994B6 #E283AA #DB739D #D46291 #CE5285

#F7B5CF - #CE5285

HSV Blend

#F7B5CF - #CE5285 | 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 #F7B5CF as 0% and #CE5285 as 100%.

0.0%	0.0% #F7B5CF	RGB 247 181 207	#F7B5CF
16.7%	16.7% #F0A2C1	RGB 240 162 193	#F0A2C1
33.3%	33.3% #E990B4	RGB 233 144 180	#E990B4
50.0%	50.0% #E280A7	RGB 226 128 167	#E280A7
66.7%	66.7% #DB6F9B	RGB 219 111 155	#DB6F9B
83.3%	83.3% #D46090	RGB 212 96 144	#D46090
100.0%	100.0% #CE5285	RGB 206 82 133	#CE5285

#F7B5CF #F0A2C1 #E990B4 #E280A7 #DB6F9B #D46090 #CE5285

#F7B5CF - #E280A7 - #CE5285

CSS codes

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

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