#501F1F - #CDBFBF | 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 #501F1F to #CDBFBF

#501F1F #CDBFBF

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

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

0.0%	0.0% #501F1F	RGB 80 31 31	#501F1F
16.7%	16.7% #643939	RGB 100 57 57	#643939
33.3%	33.3% #795454	RGB 121 84 84	#795454
50.0%	50.0% #8E6F6F	RGB 142 111 111	#8E6F6F
66.7%	66.7% #A38989	RGB 163 137 137	#A38989
83.3%	83.3% #B8A4A4	RGB 184 164 164	#B8A4A4
100.0%	100.0% #CDBFBF	RGB 205 191 191	#CDBFBF

#501F1F #643939 #795454 #8E6F6F #A38989 #B8A4A4 #CDBFBF

#501F1F - #CDBFBF

HSV Blend

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

0.0%	0.0% #501F1F	RGB 80 31 31	#501F1F
16.7%	16.7% #643030	RGB 100 48 48	#643030
33.3%	33.3% #794545	RGB 121 69 69	#794545
50.0%	50.0% #8E5D5D	RGB 142 93 93	#8E5D5D
66.7%	66.7% #A37A7A	RGB 163 122 122	#A37A7A
83.3%	83.3% #B89A9A	RGB 184 154 154	#B89A9A
100.0%	100.0% #CDBFBF	RGB 205 191 191	#CDBFBF

#501F1F #643030 #794545 #8E5D5D #A37A7A #B89A9A #CDBFBF

#501F1F - #8E5D5D - #CDBFBF

CSS codes

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

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