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

#011330 #B6BBC3

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

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

0.0%	0.0% #011330	RGB 1 19 48	#011330
16.7%	16.7% #1F2F48	RGB 31 47 72	#1F2F48
33.3%	33.3% #3D4B61	RGB 61 75 97	#3D4B61
50.0%	50.0% #5B6779	RGB 91 103 121	#5B6779
66.7%	66.7% #798392	RGB 121 131 146	#798392
83.3%	83.3% #979FAA	RGB 151 159 170	#979FAA
100.0%	100.0% #B6BBC3	RGB 182 187 195	#B6BBC3

#011330 #1F2F48 #3D4B61 #5B6779 #798392 #979FAA #B6BBC3

#011330 - #B6BBC3

HSV Blend

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

0.0%	0.0% #001230	RGB 0 18 48	#001230
16.7%	16.7% #0C2348	RGB 12 35 72	#0C2348
33.3%	33.3% #1F3861	RGB 31 56 97	#1F3861
50.0%	50.0% #395279	RGB 57 82 121	#395279
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 #0C2348 #1F3861 #395279 #5B7092 #8593AA #B6BBC3

#011330 - #395279 - #B6BBC3

CSS codes

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

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