#501F2D - #CDBFC3 | 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 #501F2D to #CDBFC3

#501F2D #CDBFC3

Calculate the color between two colors, #501F2D and #CDBFC3. 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)

#501F2D - #CDBFC3 | 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 #501F2D as 0% and #CDBFC3 as 100%.

0.0%	0.0% #501F2D	RGB 80 31 45	#501F2D
16.7%	16.7% #643946	RGB 100 57 70	#643946
33.3%	33.3% #79545F	RGB 121 84 95	#79545F
50.0%	50.0% #8E6F78	RGB 142 111 120	#8E6F78
66.7%	66.7% #A38991	RGB 163 137 145	#A38991
83.3%	83.3% #B8A4AA	RGB 184 164 170	#B8A4AA
100.0%	100.0% #CDBFC3	RGB 205 191 195	#CDBFC3

#501F2D #643946 #79545F #8E6F78 #A38991 #B8A4AA #CDBFC3

#501F2D - #CDBFC3

HSV Blend

#501F2D - #CDBFC3 | 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 #501F2D as 0% and #CDBFC3 as 100%.

0.0%	0.0% #501F2D	RGB 80 31 45	#501F2D
16.7%	16.7% #64303F	RGB 100 48 63	#64303F
33.3%	33.3% #794554	RGB 121 69 84	#794554
50.0%	50.0% #8E5D6B	RGB 142 93 107	#8E5D6B
66.7%	66.7% #A37A86	RGB 163 122 134	#A37A86
83.3%	83.3% #B89AA3	RGB 184 154 163	#B89AA3
100.0%	100.0% #CDBFC3	RGB 205 191 195	#CDBFC3

#501F2D #64303F #794554 #8E5D6B #A37A86 #B89AA3 #CDBFC3

#501F2D - #8E5D6B - #CDBFC3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #501F2D 0%, #8E5D6B 50%, #CDBFC3 100%);
    background: -webkit-linear-gradient(top, #501F2D 0%, #8E5D6B 50%, #CDBFC3 100%);
    background: linear-gradient(to bottom, #501F2D 0%, #8E5D6B 50%, #CDBFC3 100%);
}
</style>