#611818 - #D1BDBD | 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 #611818 to #D1BDBD

#611818 #D1BDBD

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

#611818 - #D1BDBD | 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 #611818 as 0% and #D1BDBD as 100%.

0.0%	0.0% #611818	RGB 97 24 24	#611818
16.7%	16.7% #733333	RGB 115 51 51	#733333
33.3%	33.3% #864F4F	RGB 134 79 79	#864F4F
50.0%	50.0% #996A6A	RGB 153 106 106	#996A6A
66.7%	66.7% #AB8686	RGB 171 134 134	#AB8686
83.3%	83.3% #BEA1A1	RGB 190 161 161	#BEA1A1
100.0%	100.0% #D1BDBD	RGB 209 189 189	#D1BDBD

#611818 #733333 #864F4F #996A6A #AB8686 #BEA1A1 #D1BDBD

#611818 - #D1BDBD

HSV Blend

#611818 - #D1BDBD | 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 #611818 as 0% and #D1BDBD as 100%.

0.0%	0.0% #611818	RGB 97 24 24	#611818
16.7%	16.7% #732929	RGB 115 41 41	#732929
33.3%	33.3% #863E3E	RGB 134 62 62	#863E3E
50.0%	50.0% #995858	RGB 153 88 88	#995858
66.7%	66.7% #AB7575	RGB 171 117 117	#AB7575
83.3%	83.3% #BE9797	RGB 190 151 151	#BE9797
100.0%	100.0% #D1BDBD	RGB 209 189 189	#D1BDBD

#611818 #732929 #863E3E #995858 #AB7575 #BE9797 #D1BDBD

#611818 - #995858 - #D1BDBD

CSS codes

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

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