#521E3C - #CDBEC7 | 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 #521E3C to #CDBEC7

#521E3C #CDBEC7

Calculate the color between two colors, #521E3C and #CDBEC7. 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)

#521E3C - #CDBEC7 | 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 #521E3C as 0% and #CDBEC7 as 100%.

0.0%	0.0% #521E3C	RGB 82 30 60	#521E3C
16.7%	16.7% #663853	RGB 102 56 83	#663853
33.3%	33.3% #7B536A	RGB 123 83 106	#7B536A
50.0%	50.0% #8F6E81	RGB 143 110 129	#8F6E81
66.7%	66.7% #A48898	RGB 164 136 152	#A48898
83.3%	83.3% #B8A3AF	RGB 184 163 175	#B8A3AF
100.0%	100.0% #CDBEC7	RGB 205 190 199	#CDBEC7

#521E3C #663853 #7B536A #8F6E81 #A48898 #B8A3AF #CDBEC7

#521E3C - #CDBEC7

HSV Blend

#521E3C - #CDBEC7 | 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 #521E3C as 0% and #CDBEC7 as 100%.

0.0%	0.0% #521E3C	RGB 82 30 60	#521E3C
16.7%	16.7% #662F4F	RGB 102 47 79	#662F4F
33.3%	33.3% #7B4464	RGB 123 68 100	#7B4464
50.0%	50.0% #8F5C7A	RGB 143 92 122	#8F5C7A
66.7%	66.7% #A47992	RGB 164 121 146	#A47992
83.3%	83.3% #B899AC	RGB 184 153 172	#B899AC
100.0%	100.0% #CDBEC7	RGB 205 190 199	#CDBEC7

#521E3C #662F4F #7B4464 #8F5C7A #A47992 #B899AC #CDBEC7

#521E3C - #8F5C7A - #CDBEC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #521E3C 0%, #8F5C7A 50%, #CDBEC7 100%);
    background: -webkit-linear-gradient(top, #521E3C 0%, #8F5C7A 50%, #CDBEC7 100%);
    background: linear-gradient(to bottom, #521E3C 0%, #8F5C7A 50%, #CDBEC7 100%);
}
</style>