#133261 - #BBC4D1 | 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 #133261 to #BBC4D1

#133261 #BBC4D1

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

#133261 - #BBC4D1 | 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 #133261 as 0% and #BBC4D1 as 100%.

0.0%	0.0% #133261	RGB 19 50 97	#133261
16.7%	16.7% #2F4A73	RGB 47 74 115	#2F4A73
33.3%	33.3% #4B6286	RGB 75 98 134	#4B6286
50.0%	50.0% #677B99	RGB 103 123 153	#677B99
66.7%	66.7% #8393AB	RGB 131 147 171	#8393AB
83.3%	83.3% #9FABBE	RGB 159 171 190	#9FABBE
100.0%	100.0% #BBC4D1	RGB 187 196 209	#BBC4D1

#133261 #2F4A73 #4B6286 #677B99 #8393AB #9FABBE #BBC4D1

#133261 - #BBC4D1

HSV Blend

#133261 - #BBC4D1 | 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 #133261 as 0% and #BBC4D1 as 100%.

0.0%	0.0% #133261	RGB 19 50 97	#133261
16.7%	16.7% #244373	RGB 36 67 115	#244373
33.3%	33.3% #395886	RGB 57 88 134	#395886
50.0%	50.0% #536F99	RGB 83 111 153	#536F99
66.7%	66.7% #7189AB	RGB 113 137 171	#7189AB
83.3%	83.3% #94A5BE	RGB 148 165 190	#94A5BE
100.0%	100.0% #BBC4D1	RGB 187 196 209	#BBC4D1

#133261 #244373 #395886 #536F99 #7189AB #94A5BE #BBC4D1

#133261 - #536F99 - #BBC4D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #133261 0%, #536F99 50%, #BBC4D1 100%);
    background: -webkit-linear-gradient(top, #133261 0%, #536F99 50%, #BBC4D1 100%);
    background: linear-gradient(to bottom, #133261 0%, #536F99 50%, #BBC4D1 100%);
}
</style>