#BC5E85 - #7A1138 | 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 #BC5E85 to #7A1138

#BC5E85 #7A1138

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

#BC5E85 - #7A1138 | 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 #BC5E85 as 0% and #7A1138 as 100%.

0.0%	0.0% #BC5E85	RGB 188 94 133	#BC5E85
16.7%	16.7% #B15178	RGB 177 81 120	#B15178
33.3%	33.3% #A6446B	RGB 166 68 107	#A6446B
50.0%	50.0% #9B375E	RGB 155 55 94	#9B375E
66.7%	66.7% #902A51	RGB 144 42 81	#902A51
83.3%	83.3% #851D44	RGB 133 29 68	#851D44
100.0%	100.0% #7A1138	RGB 122 17 56	#7A1138

#BC5E85 #B15178 #A6446B #9B375E #902A51 #851D44 #7A1138

#BC5E85 - #7A1138

HSV Blend

#BC5E85 - #7A1138 | 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 #BC5E85 as 0% and #7A1138 as 100%.

0.0%	0.0% #BC5E85	RGB 188 94 133	#BC5E85
16.7%	16.7% #B14D76	RGB 177 77 118	#B14D76
33.3%	33.3% #A63F68	RGB 166 63 104	#A63F68
50.0%	50.0% #9B315B	RGB 155 49 91	#9B315B
66.7%	66.7% #90254E	RGB 144 37 78	#90254E
83.3%	83.3% #851A42	RGB 133 26 66	#851A42
100.0%	100.0% #7A1138	RGB 122 17 56	#7A1138

#BC5E85 #B14D76 #A63F68 #9B315B #90254E #851A42 #7A1138

#BC5E85 - #9B315B - #7A1138

CSS codes

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

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