#133027 - #BBC3C1 | 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 #133027 to #BBC3C1

#133027 #BBC3C1

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

#133027 - #BBC3C1 | 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 #133027 as 0% and #BBC3C1 as 100%.

0.0%	0.0% #133027	RGB 19 48 39	#133027
16.7%	16.7% #2F4840	RGB 47 72 64	#2F4840
33.3%	33.3% #4B615A	RGB 75 97 90	#4B615A
50.0%	50.0% #677974	RGB 103 121 116	#677974
66.7%	66.7% #83928D	RGB 131 146 141	#83928D
83.3%	83.3% #9FAAA7	RGB 159 170 167	#9FAAA7
100.0%	100.0% #BBC3C1	RGB 187 195 193	#BBC3C1

#133027 #2F4840 #4B615A #677974 #83928D #9FAAA7 #BBC3C1

#133027 - #BBC3C1

HSV Blend

#133027 - #BBC3C1 | 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 #133027 as 0% and #BBC3C1 as 100%.

0.0%	0.0% #133027	RGB 19 48 39	#133027
16.7%	16.7% #23483D	RGB 35 72 61	#23483D
33.3%	33.3% #386155	RGB 56 97 85	#386155
50.0%	50.0% #52796E	RGB 82 121 110	#52796E
66.7%	66.7% #709288	RGB 112 146 136	#709288
83.3%	83.3% #93AAA4	RGB 147 170 164	#93AAA4
100.0%	100.0% #BBC3C1	RGB 187 195 193	#BBC3C1

#133027 #23483D #386155 #52796E #709288 #93AAA4 #BBC3C1

#133027 - #52796E - #BBC3C1

CSS codes

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

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