#B05481 - #FC7B7A | 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 #B05481 to #FC7B7A

#B05481 #FC7B7A

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

#B05481 - #FC7B7A | 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 #B05481 as 0% and #FC7B7A as 100%.

0.0%	0.0% #B05481	RGB 176 84 129	#B05481
16.7%	16.7% #BC5A7F	RGB 188 90 127	#BC5A7F
33.3%	33.3% #C9617E	RGB 201 97 126	#C9617E
50.0%	50.0% #D6677D	RGB 214 103 125	#D6677D
66.7%	66.7% #E26E7C	RGB 226 110 124	#E26E7C
83.3%	83.3% #EF747B	RGB 239 116 123	#EF747B
100.0%	100.0% #FC7B7A	RGB 252 123 122	#FC7B7A

#B05481 #BC5A7F #C9617E #D6677D #E26E7C #EF747B #FC7B7A

#B05481 - #FC7B7A

HSV Blend

#B05481 - #FC7B7A | 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 #B05481 as 0% and #FC7B7A as 100%.

0.0%	0.0% #B05481	RGB 176 84 129	#B05481
16.7%	16.7% #BC5A82	RGB 188 90 130	#BC5A82
33.3%	33.3% #C96082	RGB 201 96 130	#C96082
50.0%	50.0% #D66681	RGB 214 102 129	#D66681
66.7%	66.7% #E26D7F	RGB 226 109 127	#E26D7F
83.3%	83.3% #EF737C	RGB 239 115 124	#EF737C
100.0%	100.0% #FC7B7A	RGB 252 123 122	#FC7B7A

#B05481 #BC5A82 #C96082 #D66681 #E26D7F #EF737C #FC7B7A

#B05481 - #D66681 - #FC7B7A

CSS codes

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

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