#08091C - #B8B8BE | 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 #08091C to #B8B8BE

#08091C #B8B8BE

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

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

0.0%	0.0% #08091C	RGB 8 9 28	#08091C
16.7%	16.7% #252637	RGB 37 38 55	#252637
33.3%	33.3% #424352	RGB 66 67 82	#424352
50.0%	50.0% #60606D	RGB 96 96 109	#60606D
66.7%	66.7% #7D7D88	RGB 125 125 136	#7D7D88
83.3%	83.3% #9A9AA3	RGB 154 154 163	#9A9AA3
100.0%	100.0% #B8B8BE	RGB 184 184 190	#B8B8BE

#08091C #252637 #424352 #60606D #7D7D88 #9A9AA3 #B8B8BE

#08091C - #B8B8BE

HSV Blend

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

0.0%	0.0% #08081C	RGB 8 8 28	#08081C
16.7%	16.7% #151737	RGB 21 23 55	#151737
33.3%	33.3% #2A2B52	RGB 42 43 82	#2A2B52
50.0%	50.0% #44456D	RGB 68 69 109	#44456D
66.7%	66.7% #646588	RGB 100 101 136	#646588
83.3%	83.3% #8B8BA3	RGB 139 139 163	#8B8BA3
100.0%	100.0% #B8B8BE	RGB 184 184 190	#B8B8BE

#08081C #151737 #2A2B52 #44456D #646588 #8B8BA3 #B8B8BE

#08091C - #44456D - #B8B8BE

CSS codes

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

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