#611B1B - #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 #611B1B to #D1BDBD

#611B1B #D1BDBD

Calculate the color between two colors, #611B1B 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)

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

0.0%	0.0% #611B1B	RGB 97 27 27	#611B1B
16.7%	16.7% #733636	RGB 115 54 54	#733636
33.3%	33.3% #865151	RGB 134 81 81	#865151
50.0%	50.0% #996C6C	RGB 153 108 108	#996C6C
66.7%	66.7% #AB8787	RGB 171 135 135	#AB8787
83.3%	83.3% #BEA2A2	RGB 190 162 162	#BEA2A2
100.0%	100.0% #D1BDBD	RGB 209 189 189	#D1BDBD

#611B1B #733636 #865151 #996C6C #AB8787 #BEA2A2 #D1BDBD

#611B1B - #D1BDBD

HSV Blend

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

0.0%	0.0% #611B1B	RGB 97 27 27	#611B1B
16.7%	16.7% #732C2C	RGB 115 44 44	#732C2C
33.3%	33.3% #864141	RGB 134 65 65	#864141
50.0%	50.0% #995A5A	RGB 153 90 90	#995A5A
66.7%	66.7% #AB7777	RGB 171 119 119	#AB7777
83.3%	83.3% #BE9898	RGB 190 152 152	#BE9898
100.0%	100.0% #D1BDBD	RGB 209 189 189	#D1BDBD

#611B1B #732C2C #864141 #995A5A #AB7777 #BE9898 #D1BDBD

#611B1B - #995A5A - #D1BDBD

CSS codes

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

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