#0F0618 - #BAB7BD | 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 #0F0618 to #BAB7BD

#0F0618 #BAB7BD

Calculate the color between two colors, #0F0618 and #BAB7BD. 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)

#0F0618 - #BAB7BD | 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 #0F0618 as 0% and #BAB7BD as 100%.

0.0%	0.0% #0F0618	RGB 15 6 24	#0F0618
16.7%	16.7% #2B2333	RGB 43 35 51	#2B2333
33.3%	33.3% #48414F	RGB 72 65 79	#48414F
50.0%	50.0% #645E6A	RGB 100 94 106	#645E6A
66.7%	66.7% #817C86	RGB 129 124 134	#817C86
83.3%	83.3% #9D99A1	RGB 157 153 161	#9D99A1
100.0%	100.0% #BAB7BD	RGB 186 183 189	#BAB7BD

#0F0618 #2B2333 #48414F #645E6A #817C86 #9D99A1 #BAB7BD

#0F0618 - #BAB7BD

HSV Blend

#0F0618 - #BAB7BD | 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 #0F0618 as 0% and #BAB7BD as 100%.

0.0%	0.0% #0F0618	RGB 15 6 24	#0F0618
16.7%	16.7% #231333	RGB 35 19 51	#231333
33.3%	33.3% #3A264F	RGB 58 38 79	#3A264F
50.0%	50.0% #55406A	RGB 85 64 106	#55406A
66.7%	66.7% #736186	RGB 115 97 134	#736186
83.3%	83.3% #9589A1	RGB 149 137 161	#9589A1
100.0%	100.0% #BAB7BD	RGB 186 183 189	#BAB7BD

#0F0618 #231333 #3A264F #55406A #736186 #9589A1 #BAB7BD

#0F0618 - #55406A - #BAB7BD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0F0618 0%, #55406A 50%, #BAB7BD 100%);
    background: -webkit-linear-gradient(top, #0F0618 0%, #55406A 50%, #BAB7BD 100%);
    background: linear-gradient(to bottom, #0F0618 0%, #55406A 50%, #BAB7BD 100%);
}
</style>