#59162C - #CFBCC2 | 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 #59162C to #CFBCC2

#59162C #CFBCC2

Calculate the color between two colors, #59162C and #CFBCC2. 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)

#59162C - #CFBCC2 | 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 #59162C as 0% and #CFBCC2 as 100%.

0.0%	0.0% #59162C	RGB 89 22 44	#59162C
16.7%	16.7% #6C3145	RGB 108 49 69	#6C3145
33.3%	33.3% #804D5E	RGB 128 77 94	#804D5E
50.0%	50.0% #946977	RGB 148 105 119	#946977
66.7%	66.7% #A78490	RGB 167 132 144	#A78490
83.3%	83.3% #BBA0A9	RGB 187 160 169	#BBA0A9
100.0%	100.0% #CFBCC2	RGB 207 188 194	#CFBCC2

#59162C #6C3145 #804D5E #946977 #A78490 #BBA0A9 #CFBCC2

#59162C - #CFBCC2

HSV Blend

#59162C - #CFBCC2 | 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 #59162C as 0% and #CFBCC2 as 100%.

0.0%	0.0% #59162B	RGB 89 22 43	#59162B
16.7%	16.7% #6C263D	RGB 108 38 61	#6C263D
33.3%	33.3% #803B52	RGB 128 59 82	#803B52
50.0%	50.0% #945569	RGB 148 85 105	#945569
66.7%	66.7% #A77384	RGB 167 115 132	#A77384
83.3%	83.3% #BB95A1	RGB 187 149 161	#BB95A1
100.0%	100.0% #CFBCC2	RGB 207 188 194	#CFBCC2

#59162B #6C263D #803B52 #945569 #A77384 #BB95A1 #CFBCC2

#59162C - #945569 - #CFBCC2

CSS codes

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

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