#011230 - #B6BBC3 | 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 #011230 to #B6BBC3

#011230 #B6BBC3

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

#011230 - #B6BBC3 | 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 #011230 as 0% and #B6BBC3 as 100%.

0.0%	0.0% #011230	RGB 1 18 48	#011230
16.7%	16.7% #1F2E48	RGB 31 46 72	#1F2E48
33.3%	33.3% #3D4A61	RGB 61 74 97	#3D4A61
50.0%	50.0% #5B6679	RGB 91 102 121	#5B6679
66.7%	66.7% #798292	RGB 121 130 146	#798292
83.3%	83.3% #979EAA	RGB 151 158 170	#979EAA
100.0%	100.0% #B6BBC3	RGB 182 187 195	#B6BBC3

#011230 #1F2E48 #3D4A61 #5B6679 #798292 #979EAA #B6BBC3

#011230 - #B6BBC3

HSV Blend

#011230 - #B6BBC3 | 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 #011230 as 0% and #B6BBC3 as 100%.

0.0%	0.0% #001230	RGB 0 18 48	#001230
16.7%	16.7% #0C2248	RGB 12 34 72	#0C2248
33.3%	33.3% #1F3761	RGB 31 55 97	#1F3761
50.0%	50.0% #395179	RGB 57 81 121	#395179
66.7%	66.7% #5B7092	RGB 91 112 146	#5B7092
83.3%	83.3% #8593AA	RGB 133 147 170	#8593AA
100.0%	100.0% #B6BBC3	RGB 182 187 195	#B6BBC3

#001230 #0C2248 #1F3761 #395179 #5B7092 #8593AA #B6BBC3

#011230 - #395179 - #B6BBC3

CSS codes

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

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