#BC5E98 - #7F0948 | 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 #BC5E98 to #7F0948

#BC5E98 #7F0948

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

#BC5E98 - #7F0948 | 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 #BC5E98 as 0% and #7F0948 as 100%.

0.0%	0.0% #BC5E98	RGB 188 94 152	#BC5E98
16.7%	16.7% #B14F8A	RGB 177 79 138	#B14F8A
33.3%	33.3% #A7417D	RGB 167 65 125	#A7417D
50.0%	50.0% #9D3370	RGB 157 51 112	#9D3370
66.7%	66.7% #932562	RGB 147 37 98	#932562
83.3%	83.3% #891755	RGB 137 23 85	#891755
100.0%	100.0% #7F0948	RGB 127 9 72	#7F0948

#BC5E98 #B14F8A #A7417D #9D3370 #932562 #891755 #7F0948

#BC5E98 - #7F0948

HSV Blend

#BC5E98 - #7F0948 | 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 #BC5E98 as 0% and #7F0948 as 100%.

0.0%	0.0% #BC5E98	RGB 188 94 152	#BC5E98
16.7%	16.7% #B14C89	RGB 177 76 137	#B14C89
33.3%	33.3% #A73B7B	RGB 167 59 123	#A73B7B
50.0%	50.0% #9D2C6D	RGB 157 44 109	#9D2C6D
66.7%	66.7% #931F60	RGB 147 31 96	#931F60
83.3%	83.3% #891353	RGB 137 19 83	#891353
100.0%	100.0% #7F0948	RGB 127 9 72	#7F0948

#BC5E98 #B14C89 #A73B7B #9D2C6D #931F60 #891353 #7F0948

#BC5E98 - #9D2C6D - #7F0948

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BC5E98 0%, #9D2C6D 50%, #7F0948 100%);
    background: -webkit-linear-gradient(top, #BC5E98 0%, #9D2C6D 50%, #7F0948 100%);
    background: linear-gradient(to bottom, #BC5E98 0%, #9D2C6D 50%, #7F0948 100%);
}
</style>