#0C1524 - #B9BCC0 | 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 #0C1524 to #B9BCC0

#0C1524 #B9BCC0

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

#0C1524 - #B9BCC0 | 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 #0C1524 as 0% and #B9BCC0 as 100%.

0.0%	0.0% #0C1524	RGB 12 21 36	#0C1524
16.7%	16.7% #28303E	RGB 40 48 62	#28303E
33.3%	33.3% #454C58	RGB 69 76 88	#454C58
50.0%	50.0% #626872	RGB 98 104 114	#626872
66.7%	66.7% #7F848C	RGB 127 132 140	#7F848C
83.3%	83.3% #9CA0A6	RGB 156 160 166	#9CA0A6
100.0%	100.0% #B9BCC0	RGB 185 188 192	#B9BCC0

#0C1524 #28303E #454C58 #626872 #7F848C #9CA0A6 #B9BCC0

#0C1524 - #B9BCC0

HSV Blend

#0C1524 - #B9BCC0 | 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 #0C1524 as 0% and #B9BCC0 as 100%.

0.0%	0.0% #0C1424	RGB 12 20 36	#0C1424
16.7%	16.7% #1B283E	RGB 27 40 62	#1B283E
33.3%	33.3% #2F3F58	RGB 47 63 88	#2F3F58
50.0%	50.0% #495A72	RGB 73 90 114	#495A72
66.7%	66.7% #69778C	RGB 105 119 140	#69778C
83.3%	83.3% #8E98A6	RGB 142 152 166	#8E98A6
100.0%	100.0% #B9BCC0	RGB 185 188 192	#B9BCC0

#0C1424 #1B283E #2F3F58 #495A72 #69778C #8E98A6 #B9BCC0

#0C1524 - #495A72 - #B9BCC0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0C1424 0%, #495A72 50%, #B9BCC0 100%);
    background: -webkit-linear-gradient(top, #0C1424 0%, #495A72 50%, #B9BCC0 100%);
    background: linear-gradient(to bottom, #0C1424 0%, #495A72 50%, #B9BCC0 100%);
}
</style>