#020A05 - #B6B9B7 | 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 #020A05 to #B6B9B7

#020A05 #B6B9B7

Calculate the color between two colors, #020A05 and #B6B9B7. 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)

#020A05 - #B6B9B7 | 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 #020A05 as 0% and #B6B9B7 as 100%.

0.0%	0.0% #020A05	RGB 2 10 5	#020A05
16.7%	16.7% #202722	RGB 32 39 34	#202722
33.3%	33.3% #3E4440	RGB 62 68 64	#3E4440
50.0%	50.0% #5C615E	RGB 92 97 94	#5C615E
66.7%	66.7% #7A7E7B	RGB 122 126 123	#7A7E7B
83.3%	83.3% #989B99	RGB 152 155 153	#989B99
100.0%	100.0% #B6B9B7	RGB 182 185 183	#B6B9B7

#020A05 #202722 #3E4440 #5C615E #7A7E7B #989B99 #B6B9B7

#020A05 - #B6B9B7

HSV Blend

#020A05 - #B6B9B7 | 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 #020A05 as 0% and #B6B9B7 as 100%.

0.0%	0.0% #010A05	RGB 1 10 5	#010A05
16.7%	16.7% #0C2716	RGB 12 39 22	#0C2716
33.3%	33.3% #1F442C	RGB 31 68 44	#1F442C
50.0%	50.0% #396147	RGB 57 97 71	#396147
66.7%	66.7% #5B7E67	RGB 91 126 103	#5B7E67
83.3%	83.3% #849B8C	RGB 132 155 140	#849B8C
100.0%	100.0% #B6B9B7	RGB 182 185 183	#B6B9B7

#010A05 #0C2716 #1F442C #396147 #5B7E67 #849B8C #B6B9B7

#020A05 - #396147 - #B6B9B7

CSS codes

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

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