#05080C - #B7B8B9 | 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 #05080C to #B7B8B9

#05080C #B7B8B9

Calculate the color between two colors, #05080C and #B7B8B9. 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)

#05080C - #B7B8B9 | 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 #05080C as 0% and #B7B8B9 as 100%.

0.0%	0.0% #05080C	RGB 5 8 12	#05080C
16.7%	16.7% #222528	RGB 34 37 40	#222528
33.3%	33.3% #404245	RGB 64 66 69	#404245
50.0%	50.0% #5E6062	RGB 94 96 98	#5E6062
66.7%	66.7% #7B7D7F	RGB 123 125 127	#7B7D7F
83.3%	83.3% #999A9C	RGB 153 154 156	#999A9C
100.0%	100.0% #B7B8B9	RGB 183 184 185	#B7B8B9

#05080C #222528 #404245 #5E6062 #7B7D7F #999A9C #B7B8B9

#05080C - #B7B8B9

HSV Blend

#05080C - #B7B8B9 | 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 #05080C as 0% and #B7B8B9 as 100%.

0.0%	0.0% #05080C	RGB 5 8 12	#05080C
16.7%	16.7% #141D28	RGB 20 29 40	#141D28
33.3%	33.3% #2A3645	RGB 42 54 69	#2A3645
50.0%	50.0% #455262	RGB 69 82 98	#455262
66.7%	66.7% #65717F	RGB 101 113 127	#65717F
83.3%	83.3% #8B939C	RGB 139 147 156	#8B939C
100.0%	100.0% #B7B8B9	RGB 183 184 185	#B7B8B9

#05080C #141D28 #2A3645 #455262 #65717F #8B939C #B7B8B9

#05080C - #455262 - #B7B8B9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #05080C 0%, #455262 50%, #B7B8B9 100%);
    background: -webkit-linear-gradient(top, #05080C 0%, #455262 50%, #B7B8B9 100%);
    background: linear-gradient(to bottom, #05080C 0%, #455262 50%, #B7B8B9 100%);
}
</style>