#0F1724 - #BABCC0 | 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 #0F1724 to #BABCC0

#0F1724 #BABCC0

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

#0F1724 - #BABCC0 | 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 #0F1724 as 0% and #BABCC0 as 100%.

0.0%	0.0% #0F1724	RGB 15 23 36	#0F1724
16.7%	16.7% #2B323E	RGB 43 50 62	#2B323E
33.3%	33.3% #484E58	RGB 72 78 88	#484E58
50.0%	50.0% #646972	RGB 100 105 114	#646972
66.7%	66.7% #81858C	RGB 129 133 140	#81858C
83.3%	83.3% #9DA0A6	RGB 157 160 166	#9DA0A6
100.0%	100.0% #BABCC0	RGB 186 188 192	#BABCC0

#0F1724 #2B323E #484E58 #646972 #81858C #9DA0A6 #BABCC0

#0F1724 - #BABCC0

HSV Blend

#0F1724 - #BABCC0 | 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 #0F1724 as 0% and #BABCC0 as 100%.

0.0%	0.0% #0F1624	RGB 15 22 36	#0F1624
16.7%	16.7% #1F2A3E	RGB 31 42 62	#1F2A3E
33.3%	33.3% #344158	RGB 52 65 88	#344158
50.0%	50.0% #4E5B72	RGB 78 91 114	#4E5B72
66.7%	66.7% #6D788C	RGB 109 120 140	#6D788C
83.3%	83.3% #9198A6	RGB 145 152 166	#9198A6
100.0%	100.0% #BABCC0	RGB 186 188 192	#BABCC0

#0F1624 #1F2A3E #344158 #4E5B72 #6D788C #9198A6 #BABCC0

#0F1724 - #4E5B72 - #BABCC0

CSS codes

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

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