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

#133029 #BBC3C1

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

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

0.0%	0.0% #133029	RGB 19 48 41	#133029
16.7%	16.7% #2F4842	RGB 47 72 66	#2F4842
33.3%	33.3% #4B615B	RGB 75 97 91	#4B615B
50.0%	50.0% #677975	RGB 103 121 117	#677975
66.7%	66.7% #83928E	RGB 131 146 142	#83928E
83.3%	83.3% #9FAAA7	RGB 159 170 167	#9FAAA7
100.0%	100.0% #BBC3C1	RGB 187 195 193	#BBC3C1

#133029 #2F4842 #4B615B #677975 #83928E #9FAAA7 #BBC3C1

#133029 - #BBC3C1

HSV Blend

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

0.0%	0.0% #133029	RGB 19 48 41	#133029
16.7%	16.7% #23483F	RGB 35 72 63	#23483F
33.3%	33.3% #386157	RGB 56 97 87	#386157
50.0%	50.0% #52796F	RGB 82 121 111	#52796F
66.7%	66.7% #709289	RGB 112 146 137	#709289
83.3%	83.3% #93AAA4	RGB 147 170 164	#93AAA4
100.0%	100.0% #BBC3C1	RGB 187 195 193	#BBC3C1

#133029 #23483F #386157 #52796F #709289 #93AAA4 #BBC3C1

#133029 - #52796F - #BBC3C1

CSS codes

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

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