#133D4D - #BBC8CC | 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 #133D4D to #BBC8CC

#133D4D #BBC8CC

Calculate the color between two colors, #133D4D and #BBC8CC. 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)

#133D4D - #BBC8CC | 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 #133D4D as 0% and #BBC8CC as 100%.

0.0%	0.0% #133D4D	RGB 19 61 77	#133D4D
16.7%	16.7% #2F5462	RGB 47 84 98	#2F5462
33.3%	33.3% #4B6B77	RGB 75 107 119	#4B6B77
50.0%	50.0% #67828C	RGB 103 130 140	#67828C
66.7%	66.7% #8399A1	RGB 131 153 161	#8399A1
83.3%	83.3% #9FB0B6	RGB 159 176 182	#9FB0B6
100.0%	100.0% #BBC8CC	RGB 187 200 204	#BBC8CC

#133D4D #2F5462 #4B6B77 #67828C #8399A1 #9FB0B6 #BBC8CC

#133D4D - #BBC8CC

HSV Blend

#133D4D - #BBC8CC | 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 #133D4D as 0% and #BBC8CC as 100%.

0.0%	0.0% #133D4D	RGB 19 61 77	#133D4D
16.7%	16.7% #235162	RGB 35 81 98	#235162
33.3%	33.3% #386677	RGB 56 102 119	#386677
50.0%	50.0% #517D8C	RGB 81 125 140	#517D8C
66.7%	66.7% #7095A1	RGB 112 149 161	#7095A1
83.3%	83.3% #93AEB6	RGB 147 174 182	#93AEB6
100.0%	100.0% #BBC8CC	RGB 187 200 204	#BBC8CC

#133D4D #235162 #386677 #517D8C #7095A1 #93AEB6 #BBC8CC

#133D4D - #517D8C - #BBC8CC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #133D4D 0%, #517D8C 50%, #BBC8CC 100%);
    background: -webkit-linear-gradient(top, #133D4D 0%, #517D8C 50%, #BBC8CC 100%);
    background: linear-gradient(to bottom, #133D4D 0%, #517D8C 50%, #BBC8CC 100%);
}
</style>