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

#0A1524 #B9BCC0

Calculate the color between two colors, #0A1524 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)

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

0.0%	0.0% #0A1524	RGB 10 21 36	#0A1524
16.7%	16.7% #27303E	RGB 39 48 62	#27303E
33.3%	33.3% #444C58	RGB 68 76 88	#444C58
50.0%	50.0% #616872	RGB 97 104 114	#616872
66.7%	66.7% #7E848C	RGB 126 132 140	#7E848C
83.3%	83.3% #9BA0A6	RGB 155 160 166	#9BA0A6
100.0%	100.0% #B9BCC0	RGB 185 188 192	#B9BCC0

#0A1524 #27303E #444C58 #616872 #7E848C #9BA0A6 #B9BCC0

#0A1524 - #B9BCC0

HSV Blend

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

0.0%	0.0% #0A1524	RGB 10 21 36	#0A1524
16.7%	16.7% #18283E	RGB 24 40 62	#18283E
33.3%	33.3% #2C3F58	RGB 44 63 88	#2C3F58
50.0%	50.0% #465972	RGB 70 89 114	#465972
66.7%	66.7% #66768C	RGB 102 118 140	#66768C
83.3%	83.3% #8C97A6	RGB 140 151 166	#8C97A6
100.0%	100.0% #B9BCC0	RGB 185 188 192	#B9BCC0

#0A1524 #18283E #2C3F58 #465972 #66768C #8C97A6 #B9BCC0

#0A1524 - #465972 - #B9BCC0

CSS codes

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

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