#521E30 - #CDBEC3 | 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 #521E30 to #CDBEC3

#521E30 #CDBEC3

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

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

0.0%	0.0% #521E30	RGB 82 30 48	#521E30
16.7%	16.7% #663848	RGB 102 56 72	#663848
33.3%	33.3% #7B5361	RGB 123 83 97	#7B5361
50.0%	50.0% #8F6E79	RGB 143 110 121	#8F6E79
66.7%	66.7% #A48892	RGB 164 136 146	#A48892
83.3%	83.3% #B8A3AA	RGB 184 163 170	#B8A3AA
100.0%	100.0% #CDBEC3	RGB 205 190 195	#CDBEC3

#521E30 #663848 #7B5361 #8F6E79 #A48892 #B8A3AA #CDBEC3

#521E30 - #CDBEC3

HSV Blend

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

0.0%	0.0% #521E2F	RGB 82 30 47	#521E2F
16.7%	16.7% #662F42	RGB 102 47 66	#662F42
33.3%	33.3% #7B4456	RGB 123 68 86	#7B4456
50.0%	50.0% #8F5C6D	RGB 143 92 109	#8F5C6D
66.7%	66.7% #A47987	RGB 164 121 135	#A47987
83.3%	83.3% #B899A4	RGB 184 153 164	#B899A4
100.0%	100.0% #CDBEC3	RGB 205 190 195	#CDBEC3

#521E2F #662F42 #7B4456 #8F5C6D #A47987 #B899A4 #CDBEC3

#521E30 - #8F5C6D - #CDBEC3

CSS codes

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

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