#591A2B - #CFBDC2 | 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 #591A2B to #CFBDC2

#591A2B #CFBDC2

Calculate the color between two colors, #591A2B and #CFBDC2. 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)

#591A2B - #CFBDC2 | 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 #591A2B as 0% and #CFBDC2 as 100%.

0.0%	0.0% #591A2B	RGB 89 26 43	#591A2B
16.7%	16.7% #6C3544	RGB 108 53 68	#6C3544
33.3%	33.3% #80505D	RGB 128 80 93	#80505D
50.0%	50.0% #946B76	RGB 148 107 118	#946B76
66.7%	66.7% #A7868F	RGB 167 134 143	#A7868F
83.3%	83.3% #BBA1A8	RGB 187 161 168	#BBA1A8
100.0%	100.0% #CFBDC2	RGB 207 189 194	#CFBDC2

#591A2B #6C3544 #80505D #946B76 #A7868F #BBA1A8 #CFBDC2

#591A2B - #CFBDC2

HSV Blend

#591A2B - #CFBDC2 | 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 #591A2B as 0% and #CFBDC2 as 100%.

0.0%	0.0% #591A2B	RGB 89 26 43	#591A2B
16.7%	16.7% #6C2A3C	RGB 108 42 60	#6C2A3C
33.3%	33.3% #804051	RGB 128 64 81	#804051
50.0%	50.0% #945969	RGB 148 89 105	#945969
66.7%	66.7% #A77683	RGB 167 118 131	#A77683
83.3%	83.3% #BB97A1	RGB 187 151 161	#BB97A1
100.0%	100.0% #CFBDC2	RGB 207 189 194	#CFBDC2

#591A2B #6C2A3C #804051 #945969 #A77683 #BB97A1 #CFBDC2

#591A2B - #945969 - #CFBDC2

CSS codes

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

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