#B0656B - #6B2327 | 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 #B0656B to #6B2327

#B0656B #6B2327

Calculate the color between two colors, #B0656B and #6B2327. 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)

#B0656B - #6B2327 | 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 #B0656B as 0% and #6B2327 as 100%.

0.0%	0.0% #B0656B	RGB 176 101 107	#B0656B
16.7%	16.7% #A45A5F	RGB 164 90 95	#A45A5F
33.3%	33.3% #994F54	RGB 153 79 84	#994F54
50.0%	50.0% #8D4449	RGB 141 68 73	#8D4449
66.7%	66.7% #82393D	RGB 130 57 61	#82393D
83.3%	83.3% #762E32	RGB 118 46 50	#762E32
100.0%	100.0% #6B2327	RGB 107 35 39	#6B2327

#B0656B #A45A5F #994F54 #8D4449 #82393D #762E32 #6B2327

#B0656B - #6B2327

HSV Blend

#B0656B - #6B2327 | 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 #B0656B as 0% and #6B2327 as 100%.

0.0%	0.0% #B0656B	RGB 176 101 107	#B0656B
16.7%	16.7% #A4575D	RGB 164 87 93	#A4575D
33.3%	33.3% #994B50	RGB 153 75 80	#994B50
50.0%	50.0% #8D3F45	RGB 141 63 69	#8D3F45
66.7%	66.7% #82353A	RGB 130 53 58	#82353A
83.3%	83.3% #762B30	RGB 118 43 48	#762B30
100.0%	100.0% #6B2327	RGB 107 35 39	#6B2327

#B0656B #A4575D #994B50 #8D3F45 #82353A #762B30 #6B2327

#B0656B - #8D3F45 - #6B2327

CSS codes

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

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