#091330 - #B8BBC3 | 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 #091330 to #B8BBC3

#091330 #B8BBC3

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

#091330 - #B8BBC3 | 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 #091330 as 0% and #B8BBC3 as 100%.

0.0%	0.0% #091330	RGB 9 19 48	#091330
16.7%	16.7% #262F48	RGB 38 47 72	#262F48
33.3%	33.3% #434B61	RGB 67 75 97	#434B61
50.0%	50.0% #606779	RGB 96 103 121	#606779
66.7%	66.7% #7D8392	RGB 125 131 146	#7D8392
83.3%	83.3% #9A9FAA	RGB 154 159 170	#9A9FAA
100.0%	100.0% #B8BBC3	RGB 184 187 195	#B8BBC3

#091330 #262F48 #434B61 #606779 #7D8392 #9A9FAA #B8BBC3

#091330 - #B8BBC3

HSV Blend

#091330 - #B8BBC3 | 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 #091330 as 0% and #B8BBC3 as 100%.

0.0%	0.0% #091230	RGB 9 18 48	#091230
16.7%	16.7% #162348	RGB 22 35 72	#162348
33.3%	33.3% #2A3861	RGB 42 56 97	#2A3861
50.0%	50.0% #445279	RGB 68 82 121	#445279
66.7%	66.7% #647192	RGB 100 113 146	#647192
83.3%	83.3% #8B93AA	RGB 139 147 170	#8B93AA
100.0%	100.0% #B8BBC3	RGB 184 187 195	#B8BBC3

#091230 #162348 #2A3861 #445279 #647192 #8B93AA #B8BBC3

#091330 - #445279 - #B8BBC3

CSS codes

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

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