#581818 - #CFBDBD | 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 #581818 to #CFBDBD

#581818 #CFBDBD

Calculate the color between two colors, #581818 and #CFBDBD. 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)

#581818 - #CFBDBD | 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 #581818 as 0% and #CFBDBD as 100%.

0.0%	0.0% #581818	RGB 88 24 24	#581818
16.7%	16.7% #6B3333	RGB 107 51 51	#6B3333
33.3%	33.3% #7F4F4F	RGB 127 79 79	#7F4F4F
50.0%	50.0% #936A6A	RGB 147 106 106	#936A6A
66.7%	66.7% #A78686	RGB 167 134 134	#A78686
83.3%	83.3% #BBA1A1	RGB 187 161 161	#BBA1A1
100.0%	100.0% #CFBDBD	RGB 207 189 189	#CFBDBD

#581818 #6B3333 #7F4F4F #936A6A #A78686 #BBA1A1 #CFBDBD

#581818 - #CFBDBD

HSV Blend

#581818 - #CFBDBD | 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 #581818 as 0% and #CFBDBD as 100%.

0.0%	0.0% #581818	RGB 88 24 24	#581818
16.7%	16.7% #6B2828	RGB 107 40 40	#6B2828
33.3%	33.3% #7F3E3E	RGB 127 62 62	#7F3E3E
50.0%	50.0% #935757	RGB 147 87 87	#935757
66.7%	66.7% #A77575	RGB 167 117 117	#A77575
83.3%	83.3% #BB9696	RGB 187 150 150	#BB9696
100.0%	100.0% #CFBDBD	RGB 207 189 189	#CFBDBD

#581818 #6B2828 #7F3E3E #935757 #A77575 #BB9696 #CFBDBD

#581818 - #935757 - #CFBDBD

CSS codes

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

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