#B0516B - #681226 | 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 #B0516B to #681226

#B0516B #681226

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

#B0516B - #681226 | 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 #B0516B as 0% and #681226 as 100%.

0.0%	0.0% #B0516B	RGB 176 81 107	#B0516B
16.7%	16.7% #A4465F	RGB 164 70 95	#A4465F
33.3%	33.3% #983C54	RGB 152 60 84	#983C54
50.0%	50.0% #8C3148	RGB 140 49 72	#8C3148
66.7%	66.7% #80273D	RGB 128 39 61	#80273D
83.3%	83.3% #741C31	RGB 116 28 49	#741C31
100.0%	100.0% #681226	RGB 104 18 38	#681226

#B0516B #A4465F #983C54 #8C3148 #80273D #741C31 #681226

#B0516B - #681226

HSV Blend

#B0516B - #681226 | 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 #B0516B as 0% and #681226 as 100%.

0.0%	0.0% #B0506B	RGB 176 80 107	#B0506B
16.7%	16.7% #A4435D	RGB 164 67 93	#A4435D
33.3%	33.3% #983750	RGB 152 55 80	#983750
50.0%	50.0% #8C2C44	RGB 140 44 68	#8C2C44
66.7%	66.7% #802239	RGB 128 34 57	#802239
83.3%	83.3% #74192F	RGB 116 25 47	#74192F
100.0%	100.0% #681226	RGB 104 18 38	#681226

#B0506B #A4435D #983750 #8C2C44 #802239 #74192F #681226

#B0516B - #8C2C44 - #681226

CSS codes

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

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