#133D4D - #BCC7CC | 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 #BCC7CC

#133D4D #BCC7CC

Calculate the color between two colors, #133D4D and #BCC7CC. 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 - #BCC7CC | 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 #BCC7CC 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% #BCC7CC	RGB 188 199 204	#BCC7CC

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

#133D4D - #BCC7CC

HSV Blend

#133D4D - #BCC7CC | 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 #BCC7CC as 100%.

0.0%	0.0% #133D4D	RGB 19 61 77	#133D4D
16.7%	16.7% #235062	RGB 35 80 98	#235062
33.3%	33.3% #386577	RGB 56 101 119	#386577
50.0%	50.0% #527B8C	RGB 82 123 140	#527B8C
66.7%	66.7% #7092A1	RGB 112 146 161	#7092A1
83.3%	83.3% #93ACB6	RGB 147 172 182	#93ACB6
100.0%	100.0% #BCC7CC	RGB 188 199 204	#BCC7CC

#133D4D #235062 #386577 #527B8C #7092A1 #93ACB6 #BCC7CC

#133D4D - #527B8C - #BCC7CC

CSS codes

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

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