#13293C - #BBC1C7 | 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 #13293C to #BBC1C7

#13293C #BBC1C7

Calculate the color between two colors, #13293C and #BBC1C7. 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)

#13293C - #BBC1C7 | 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 #13293C as 0% and #BBC1C7 as 100%.

0.0%	0.0% #13293C	RGB 19 41 60	#13293C
16.7%	16.7% #2F4253	RGB 47 66 83	#2F4253
33.3%	33.3% #4B5B6A	RGB 75 91 106	#4B5B6A
50.0%	50.0% #677581	RGB 103 117 129	#677581
66.7%	66.7% #838E98	RGB 131 142 152	#838E98
83.3%	83.3% #9FA7AF	RGB 159 167 175	#9FA7AF
100.0%	100.0% #BBC1C7	RGB 187 193 199	#BBC1C7

#13293C #2F4253 #4B5B6A #677581 #838E98 #9FA7AF #BBC1C7

#13293C - #BBC1C7

HSV Blend

#13293C - #BBC1C7 | 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 #13293C as 0% and #BBC1C7 as 100%.

0.0%	0.0% #13293C	RGB 19 41 60	#13293C
16.7%	16.7% #223C53	RGB 34 60 83	#223C53
33.3%	33.3% #37526A	RGB 55 82 106	#37526A
50.0%	50.0% #516A81	RGB 81 106 129	#516A81
66.7%	66.7% #6F8498	RGB 111 132 152	#6F8498
83.3%	83.3% #92A1AF	RGB 146 161 175	#92A1AF
100.0%	100.0% #BBC1C7	RGB 187 193 199	#BBC1C7

#13293C #223C53 #37526A #516A81 #6F8498 #92A1AF #BBC1C7

#13293C - #516A81 - #BBC1C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #13293C 0%, #516A81 50%, #BBC1C7 100%);
    background: -webkit-linear-gradient(top, #13293C 0%, #516A81 50%, #BBC1C7 100%);
    background: linear-gradient(to bottom, #13293C 0%, #516A81 50%, #BBC1C7 100%);
}
</style>