#123031 - #BBC3C4 | 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 #123031 to #BBC3C4

#123031 #BBC3C4

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

#123031 - #BBC3C4 | 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 #123031 as 0% and #BBC3C4 as 100%.

0.0%	0.0% #123031	RGB 18 48 49	#123031
16.7%	16.7% #2E4849	RGB 46 72 73	#2E4849
33.3%	33.3% #4A6162	RGB 74 97 98	#4A6162
50.0%	50.0% #66797A	RGB 102 121 122	#66797A
66.7%	66.7% #829293	RGB 130 146 147	#829293
83.3%	83.3% #9EAAAB	RGB 158 170 171	#9EAAAB
100.0%	100.0% #BBC3C4	RGB 187 195 196	#BBC3C4

#123031 #2E4849 #4A6162 #66797A #829293 #9EAAAB #BBC3C4

#123031 - #BBC3C4

HSV Blend

#123031 - #BBC3C4 | 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 #123031 as 0% and #BBC3C4 as 100%.

0.0%	0.0% #123031	RGB 18 48 49	#123031
16.7%	16.7% #224749	RGB 34 71 73	#224749
33.3%	33.3% #375F62	RGB 55 95 98	#375F62
50.0%	50.0% #50777A	RGB 80 119 122	#50777A
66.7%	66.7% #6F8F93	RGB 111 143 147	#6F8F93
83.3%	83.3% #92A9AB	RGB 146 169 171	#92A9AB
100.0%	100.0% #BBC3C4	RGB 187 195 196	#BBC3C4

#123031 #224749 #375F62 #50777A #6F8F93 #92A9AB #BBC3C4

#123031 - #50777A - #BBC3C4

CSS codes

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

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