#FF5D6B - #FF8CB7 | 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 #FF5D6B to #FF8CB7

#FF5D6B #FF8CB7

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

#FF5D6B - #FF8CB7 | 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 #FF5D6B as 0% and #FF8CB7 as 100%.

0.0%	0.0% #FF5D6B	RGB 255 93 107	#FF5D6B
16.7%	16.7% #FF6477	RGB 255 100 119	#FF6477
33.3%	33.3% #FF6C84	RGB 255 108 132	#FF6C84
50.0%	50.0% #FF7491	RGB 255 116 145	#FF7491
66.7%	66.7% #FF7C9D	RGB 255 124 157	#FF7C9D
83.3%	83.3% #FF84AA	RGB 255 132 170	#FF84AA
100.0%	100.0% #FF8CB7	RGB 255 140 183	#FF8CB7

#FF5D6B #FF6477 #FF6C84 #FF7491 #FF7C9D #FF84AA #FF8CB7

#FF5D6B - #FF8CB7

HSV Blend

#FF5D6B - #FF8CB7 | 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 #FF5D6B as 0% and #FF8CB7 as 100%.

0.0%	0.0% #FF5D6B	RGB 255 93 107	#FF5D6B
16.7%	16.7% #FF6479	RGB 255 100 121	#FF6479
33.3%	33.3% #FF6C87	RGB 255 108 135	#FF6C87
50.0%	50.0% #FF7494	RGB 255 116 148	#FF7494
66.7%	66.7% #FF7CA0	RGB 255 124 160	#FF7CA0
83.3%	83.3% #FF84AC	RGB 255 132 172	#FF84AC
100.0%	100.0% #FF8CB7	RGB 255 140 183	#FF8CB7

#FF5D6B #FF6479 #FF6C87 #FF7494 #FF7CA0 #FF84AC #FF8CB7

#FF5D6B - #FF7494 - #FF8CB7

CSS codes

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

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