#010B39 - #B6B9C6 | 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 #010B39 to #B6B9C6

#010B39 #B6B9C6

Calculate the color between two colors, #010B39 and #B6B9C6. 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)

#010B39 - #B6B9C6 | 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 #010B39 as 0% and #B6B9C6 as 100%.

0.0%	0.0% #010B39	RGB 1 11 57	#010B39
16.7%	16.7% #1F2850	RGB 31 40 80	#1F2850
33.3%	33.3% #3D4568	RGB 61 69 104	#3D4568
50.0%	50.0% #5B627F	RGB 91 98 127	#5B627F
66.7%	66.7% #797F97	RGB 121 127 151	#797F97
83.3%	83.3% #979CAE	RGB 151 156 174	#979CAE
100.0%	100.0% #B6B9C6	RGB 182 185 198	#B6B9C6

#010B39 #1F2850 #3D4568 #5B627F #797F97 #979CAE #B6B9C6

#010B39 - #B6B9C6

HSV Blend

#010B39 - #B6B9C6 | 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 #010B39 as 0% and #B6B9C6 as 100%.

0.0%	0.0% #000A39	RGB 0 10 57	#000A39
16.7%	16.7% #0D1950	RGB 13 25 80	#0D1950
33.3%	33.3% #212D68	RGB 33 45 104	#212D68
50.0%	50.0% #3B487F	RGB 59 72 127	#3B487F
66.7%	66.7% #5D6897	RGB 93 104 151	#5D6897
83.3%	83.3% #868DAE	RGB 134 141 174	#868DAE
100.0%	100.0% #B6B9C6	RGB 182 185 198	#B6B9C6

#000A39 #0D1950 #212D68 #3B487F #5D6897 #868DAE #B6B9C6

#010B39 - #3B487F - #B6B9C6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000A39 0%, #3B487F 50%, #B6B9C6 100%);
    background: -webkit-linear-gradient(top, #000A39 0%, #3B487F 50%, #B6B9C6 100%);
    background: linear-gradient(to bottom, #000A39 0%, #3B487F 50%, #B6B9C6 100%);
}
</style>