#220105 - #BFB6B7 | 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 #220105 to #BFB6B7

#220105 #BFB6B7

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

#220105 - #BFB6B7 | 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 #220105 as 0% and #BFB6B7 as 100%.

0.0%	0.0% #220105	RGB 34 1 5	#220105
16.7%	16.7% #3C1F22	RGB 60 31 34	#3C1F22
33.3%	33.3% #563D40	RGB 86 61 64	#563D40
50.0%	50.0% #705B5E	RGB 112 91 94	#705B5E
66.7%	66.7% #8A797B	RGB 138 121 123	#8A797B
83.3%	83.3% #A49799	RGB 164 151 153	#A49799
100.0%	100.0% #BFB6B7	RGB 191 182 183	#BFB6B7

#220105 #3C1F22 #563D40 #705B5E #8A797B #A49799 #BFB6B7

#220105 - #BFB6B7

HSV Blend

#220105 - #BFB6B7 | 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 #220105 as 0% and #BFB6B7 as 100%.

0.0%	0.0% #220105	RGB 34 1 5	#220105
16.7%	16.7% #3C0B10	RGB 60 11 16	#3C0B10
33.3%	33.3% #561D23	RGB 86 29 35	#561D23
50.0%	50.0% #70373D	RGB 112 55 61	#70373D
66.7%	66.7% #8A595F	RGB 138 89 95	#8A595F
83.3%	83.3% #A48387	RGB 164 131 135	#A48387
100.0%	100.0% #BFB6B7	RGB 191 182 183	#BFB6B7

#220105 #3C0B10 #561D23 #70373D #8A595F #A48387 #BFB6B7

#220105 - #70373D - #BFB6B7

CSS codes

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

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