#010024 - #B6B6C0 | 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 #010024 to #B6B6C0

#010024 #B6B6C0

Calculate the color between two colors, #010024 and #B6B6C0. 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)

#010024 - #B6B6C0 | 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 #010024 as 0% and #B6B6C0 as 100%.

0.0%	0.0% #010024	RGB 1 0 36	#010024
16.7%	16.7% #1F1E3E	RGB 31 30 62	#1F1E3E
33.3%	33.3% #3D3C58	RGB 61 60 88	#3D3C58
50.0%	50.0% #5B5B72	RGB 91 91 114	#5B5B72
66.7%	66.7% #79798C	RGB 121 121 140	#79798C
83.3%	83.3% #9797A6	RGB 151 151 166	#9797A6
100.0%	100.0% #B6B6C0	RGB 182 182 192	#B6B6C0

#010024 #1F1E3E #3D3C58 #5B5B72 #79798C #9797A6 #B6B6C0

#010024 - #B6B6C0

HSV Blend

#010024 - #B6B6C0 | 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 #010024 as 0% and #B6B6C0 as 100%.

0.0%	0.0% #010024	RGB 1 0 36	#010024
16.7%	16.7% #0B093E	RGB 11 9 62	#0B093E
33.3%	33.3% #1C1B58	RGB 28 27 88	#1C1B58
50.0%	50.0% #363672	RGB 54 54 114	#363672
66.7%	66.7% #58588C	RGB 88 88 140	#58588C
83.3%	83.3% #8383A6	RGB 131 131 166	#8383A6
100.0%	100.0% #B6B6C0	RGB 182 182 192	#B6B6C0

#010024 #0B093E #1C1B58 #363672 #58588C #8383A6 #B6B6C0

#010024 - #363672 - #B6B6C0

CSS codes

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

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