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

#000023 #B6B6C0

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

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

0.0%	0.0% #000023	RGB 0 0 35	#000023
16.7%	16.7% #1E1E3D	RGB 30 30 61	#1E1E3D
33.3%	33.3% #3C3C57	RGB 60 60 87	#3C3C57
50.0%	50.0% #5B5B71	RGB 91 91 113	#5B5B71
66.7%	66.7% #79798B	RGB 121 121 139	#79798B
83.3%	83.3% #9797A5	RGB 151 151 165	#9797A5
100.0%	100.0% #B6B6C0	RGB 182 182 192	#B6B6C0

#000023 #1E1E3D #3C3C57 #5B5B71 #79798B #9797A5 #B6B6C0

#000023 - #B6B6C0

HSV Blend

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

0.0%	0.0% #000023	RGB 0 0 35	#000023
16.7%	16.7% #09093D	RGB 9 9 61	#09093D
33.3%	33.3% #1B1B57	RGB 27 27 87	#1B1B57
50.0%	50.0% #353571	RGB 53 53 113	#353571
66.7%	66.7% #58588B	RGB 88 88 139	#58588B
83.3%	83.3% #8282A5	RGB 130 130 165	#8282A5
100.0%	100.0% #B6B6C0	RGB 182 182 192	#B6B6C0

#000023 #09093D #1B1B57 #353571 #58588B #8282A5 #B6B6C0

#000023 - #353571 - #B6B6C0

CSS codes

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

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