#BF5E92 - #78174A | 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 #BF5E92 to #78174A

#BF5E92 #78174A

Calculate the color between two colors, #BF5E92 and #78174A. 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)

#BF5E92 - #78174A | 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 #BF5E92 as 0% and #78174A as 100%.

0.0%	0.0% #BF5E92	RGB 191 94 146	#BF5E92
16.7%	16.7% #B35286	RGB 179 82 134	#B35286
33.3%	33.3% #A7467A	RGB 167 70 122	#A7467A
50.0%	50.0% #9B3A6E	RGB 155 58 110	#9B3A6E
66.7%	66.7% #8F2E62	RGB 143 46 98	#8F2E62
83.3%	83.3% #832256	RGB 131 34 86	#832256
100.0%	100.0% #78174A	RGB 120 23 74	#78174A

#BF5E92 #B35286 #A7467A #9B3A6E #8F2E62 #832256 #78174A

#BF5E92 - #78174A

HSV Blend

#BF5E92 - #78174A | 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 #BF5E92 as 0% and #78174A as 100%.

0.0%	0.0% #BF5E91	RGB 191 94 145	#BF5E91
16.7%	16.7% #B34F84	RGB 179 79 132	#B34F84
33.3%	33.3% #A74177	RGB 167 65 119	#A74177
50.0%	50.0% #9B356B	RGB 155 53 107	#9B356B
66.7%	66.7% #8F295F	RGB 143 41 95	#8F295F
83.3%	83.3% #831F54	RGB 131 31 84	#831F54
100.0%	100.0% #78174A	RGB 120 23 74	#78174A

#BF5E91 #B34F84 #A74177 #9B356B #8F295F #831F54 #78174A

#BF5E92 - #9B356B - #78174A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BF5E91 0%, #9B356B 50%, #78174A 100%);
    background: -webkit-linear-gradient(top, #BF5E91 0%, #9B356B 50%, #78174A 100%);
    background: linear-gradient(to bottom, #BF5E91 0%, #9B356B 50%, #78174A 100%);
}
</style>