#061331 - #B7BBC4 | 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 #061331 to #B7BBC4

#061331 #B7BBC4

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

#061331 - #B7BBC4 | 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 #061331 as 0% and #B7BBC4 as 100%.

0.0%	0.0% #061331	RGB 6 19 49	#061331
16.7%	16.7% #232F49	RGB 35 47 73	#232F49
33.3%	33.3% #414B62	RGB 65 75 98	#414B62
50.0%	50.0% #5E677A	RGB 94 103 122	#5E677A
66.7%	66.7% #7C8393	RGB 124 131 147	#7C8393
83.3%	83.3% #999FAB	RGB 153 159 171	#999FAB
100.0%	100.0% #B7BBC4	RGB 183 187 196	#B7BBC4

#061331 #232F49 #414B62 #5E677A #7C8393 #999FAB #B7BBC4

#061331 - #B7BBC4

HSV Blend

#061331 - #B7BBC4 | 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 #061331 as 0% and #B7BBC4 as 100%.

0.0%	0.0% #061331	RGB 6 19 49	#061331
16.7%	16.7% #122349	RGB 18 35 73	#122349
33.3%	33.3% #263862	RGB 38 56 98	#263862
50.0%	50.0% #40527A	RGB 64 82 122	#40527A
66.7%	66.7% #617093	RGB 97 112 147	#617093
83.3%	83.3% #8893AB	RGB 136 147 171	#8893AB
100.0%	100.0% #B7BBC4	RGB 183 187 196	#B7BBC4

#061331 #122349 #263862 #40527A #617093 #8893AB #B7BBC4

#061331 - #40527A - #B7BBC4

CSS codes

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

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