#B0536C - #32171E | 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 #B0536C to #32171E

#B0536C #32171E

Calculate the color between two colors, #B0536C and #32171E. 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)

#B0536C - #32171E | 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 #B0536C as 0% and #32171E as 100%.

0.0%	0.0% #B0536C	RGB 176 83 108	#B0536C
16.7%	16.7% #9B495F	RGB 155 73 95	#9B495F
33.3%	33.3% #863F52	RGB 134 63 82	#863F52
50.0%	50.0% #713545	RGB 113 53 69	#713545
66.7%	66.7% #5C2B38	RGB 92 43 56	#5C2B38
83.3%	83.3% #47212B	RGB 71 33 43	#47212B
100.0%	100.0% #32171E	RGB 50 23 30	#32171E

#B0536C #9B495F #863F52 #713545 #5C2B38 #47212B #32171E

#B0536C - #32171E

HSV Blend

#B0536C - #32171E | 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 #B0536C as 0% and #32171E as 100%.

0.0%	0.0% #B0536C	RGB 176 83 108	#B0536C
16.7%	16.7% #9B485E	RGB 155 72 94	#9B485E
33.3%	33.3% #863E51	RGB 134 62 81	#863E51
50.0%	50.0% #713444	RGB 113 52 68	#713444
66.7%	66.7% #5C2A37	RGB 92 42 55	#5C2A37
83.3%	83.3% #47202A	RGB 71 32 42	#47202A
100.0%	100.0% #32171E	RGB 50 23 30	#32171E

#B0536C #9B485E #863E51 #713444 #5C2A37 #47202A #32171E

#B0536C - #713444 - #32171E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0536C 0%, #713444 50%, #32171E 100%);
    background: -webkit-linear-gradient(top, #B0536C 0%, #713444 50%, #32171E 100%);
    background: linear-gradient(to bottom, #B0536C 0%, #713444 50%, #32171E 100%);
}
</style>