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

#020B06 #B6B9B7

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

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

0.0%	0.0% #020B06	RGB 2 11 6	#020B06
16.7%	16.7% #202823	RGB 32 40 35	#202823
33.3%	33.3% #3E4541	RGB 62 69 65	#3E4541
50.0%	50.0% #5C625E	RGB 92 98 94	#5C625E
66.7%	66.7% #7A7F7C	RGB 122 127 124	#7A7F7C
83.3%	83.3% #989C99	RGB 152 156 153	#989C99
100.0%	100.0% #B6B9B7	RGB 182 185 183	#B6B9B7

#020B06 #202823 #3E4541 #5C625E #7A7F7C #989C99 #B6B9B7

#020B06 - #B6B9B7

HSV Blend

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

0.0%	0.0% #020B06	RGB 2 11 6	#020B06
16.7%	16.7% #0C2818	RGB 12 40 24	#0C2818
33.3%	33.3% #1E452E	RGB 30 69 46	#1E452E
50.0%	50.0% #396249	RGB 57 98 73	#396249
66.7%	66.7% #5A7F68	RGB 90 127 104	#5A7F68
83.3%	83.3% #849C8C	RGB 132 156 140	#849C8C
100.0%	100.0% #B6B9B7	RGB 182 185 183	#B6B9B7

#020B06 #0C2818 #1E452E #396249 #5A7F68 #849C8C #B6B9B7

#020B06 - #396249 - #B6B9B7

CSS codes

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

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