#040410 - #B7B7BA | 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 #040410 to #B7B7BA

#040410 #B7B7BA

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

#040410 - #B7B7BA | 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 #040410 as 0% and #B7B7BA as 100%.

0.0%	0.0% #040410	RGB 4 4 16	#040410
16.7%	16.7% #21212C	RGB 33 33 44	#21212C
33.3%	33.3% #3F3F48	RGB 63 63 72	#3F3F48
50.0%	50.0% #5D5D65	RGB 93 93 101	#5D5D65
66.7%	66.7% #7B7B81	RGB 123 123 129	#7B7B81
83.3%	83.3% #99999D	RGB 153 153 157	#99999D
100.0%	100.0% #B7B7BA	RGB 183 183 186	#B7B7BA

#040410 #21212C #3F3F48 #5D5D65 #7B7B81 #99999D #B7B7BA

#040410 - #B7B7BA

HSV Blend

#040410 - #B7B7BA | 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 #040410 as 0% and #B7B7BA as 100%.

0.0%	0.0% #040410	RGB 4 4 16	#040410
16.7%	16.7% #10102C	RGB 16 16 44	#10102C
33.3%	33.3% #232348	RGB 35 35 72	#232348
50.0%	50.0% #3E3E65	RGB 62 62 101	#3E3E65
66.7%	66.7% #5F5F81	RGB 95 95 129	#5F5F81
83.3%	83.3% #87879D	RGB 135 135 157	#87879D
100.0%	100.0% #B7B7BA	RGB 183 183 186	#B7B7BA

#040410 #10102C #232348 #3E3E65 #5F5F81 #87879D #B7B7BA

#040410 - #3E3E65 - #B7B7BA

CSS codes

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

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