#B05E9C - #79084A | 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 #B05E9C to #79084A

#B05E9C #79084A

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

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

0.0%	0.0% #B05E9C	RGB 176 94 156	#B05E9C
16.7%	16.7% #A64F8E	RGB 166 79 142	#A64F8E
33.3%	33.3% #9D4180	RGB 157 65 128	#9D4180
50.0%	50.0% #943373	RGB 148 51 115	#943373
66.7%	66.7% #8B2465	RGB 139 36 101	#8B2465
83.3%	83.3% #821657	RGB 130 22 87	#821657
100.0%	100.0% #79084A	RGB 121 8 74	#79084A

#B05E9C #A64F8E #9D4180 #943373 #8B2465 #821657 #79084A

#B05E9C - #79084A

HSV Blend

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

0.0%	0.0% #B05E9C	RGB 176 94 156	#B05E9C
16.7%	16.7% #A64C8E	RGB 166 76 142	#A64C8E
33.3%	33.3% #9D3B80	RGB 157 59 128	#9D3B80
50.0%	50.0% #942C72	RGB 148 44 114	#942C72
66.7%	66.7% #8B1E64	RGB 139 30 100	#8B1E64
83.3%	83.3% #821257	RGB 130 18 87	#821257
100.0%	100.0% #79084A	RGB 121 8 74	#79084A

#B05E9C #A64C8E #9D3B80 #942C72 #8B1E64 #821257 #79084A

#B05E9C - #942C72 - #79084A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B05E9C 0%, #942C72 50%, #79084A 100%);
    background: -webkit-linear-gradient(top, #B05E9C 0%, #942C72 50%, #79084A 100%);
    background: linear-gradient(to bottom, #B05E9C 0%, #942C72 50%, #79084A 100%);
}
</style>