#59354A - #BF5E7B | 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 #59354A to #BF5E7B

#59354A #BF5E7B

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

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

0.0%	0.0% #59354A	RGB 89 53 74	#59354A
16.7%	16.7% #6A3B52	RGB 106 59 82	#6A3B52
33.3%	33.3% #7B425A	RGB 123 66 90	#7B425A
50.0%	50.0% #8C4962	RGB 140 73 98	#8C4962
66.7%	66.7% #9D506A	RGB 157 80 106	#9D506A
83.3%	83.3% #AE5772	RGB 174 87 114	#AE5772
100.0%	100.0% #BF5E7B	RGB 191 94 123	#BF5E7B

#59354A #6A3B52 #7B425A #8C4962 #9D506A #AE5772 #BF5E7B

#59354A - #BF5E7B

HSV Blend

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

0.0%	0.0% #59354A	RGB 89 53 74	#59354A
16.7%	16.7% #6A3D55	RGB 106 61 85	#6A3D55
33.3%	33.3% #7B455F	RGB 123 69 95	#7B455F
50.0%	50.0% #8C4C68	RGB 140 76 104	#8C4C68
66.7%	66.7% #9D526F	RGB 157 82 111	#9D526F
83.3%	83.3% #AE5876	RGB 174 88 118	#AE5876
100.0%	100.0% #BF5E7B	RGB 191 94 123	#BF5E7B

#59354A #6A3D55 #7B455F #8C4C68 #9D526F #AE5876 #BF5E7B

#59354A - #8C4C68 - #BF5E7B

CSS codes

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

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