#613132 - #B05BAB | 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 #613132 to #B05BAB

#613132 #B05BAB

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

#613132 - #B05BAB | 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 #613132 as 0% and #B05BAB as 100%.

0.0%	0.0% #613132	RGB 97 49 50	#613132
16.7%	16.7% #6E3846	RGB 110 56 70	#6E3846
33.3%	33.3% #7B3F5A	RGB 123 63 90	#7B3F5A
50.0%	50.0% #88466E	RGB 136 70 110	#88466E
66.7%	66.7% #954D82	RGB 149 77 130	#954D82
83.3%	83.3% #A25496	RGB 162 84 150	#A25496
100.0%	100.0% #B05BAB	RGB 176 91 171	#B05BAB

#613132 #6E3846 #7B3F5A #88466E #954D82 #A25496 #B05BAB

#613132 - #B05BAB

HSV Blend

#613132 - #B05BAB | 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 #613132 as 0% and #B05BAB as 100%.

0.0%	0.0% #613132	RGB 97 49 50	#613132
16.7%	16.7% #6E3741	RGB 110 55 65	#6E3741
33.3%	33.3% #7B3E52	RGB 123 62 82	#7B3E52
50.0%	50.0% #884565	RGB 136 69 101	#884565
66.7%	66.7% #954C7B	RGB 149 76 123	#954C7B
83.3%	83.3% #A25392	RGB 162 83 146	#A25392
100.0%	100.0% #B05BAB	RGB 176 91 171	#B05BAB

#613132 #6E3741 #7B3E52 #884565 #954C7B #A25392 #B05BAB

#613132 - #884565 - #B05BAB

CSS codes

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

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