#112FBC - #BBC3EB | 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 #112FBC to #BBC3EB

#112FBC #BBC3EB

Calculate the color between two colors, #112FBC and #BBC3EB. 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)

#112FBC - #BBC3EB | 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 #112FBC as 0% and #BBC3EB as 100%.

0.0%	0.0% #112FBC	RGB 17 47 188	#112FBC
16.7%	16.7% #2D47C3	RGB 45 71 195	#2D47C3
33.3%	33.3% #4960CB	RGB 73 96 203	#4960CB
50.0%	50.0% #6679D3	RGB 102 121 211	#6679D3
66.7%	66.7% #8291DB	RGB 130 145 219	#8291DB
83.3%	83.3% #9EAAE3	RGB 158 170 227	#9EAAE3
100.0%	100.0% #BBC3EB	RGB 187 195 235	#BBC3EB

#112FBC #2D47C3 #4960CB #6679D3 #8291DB #9EAAE3 #BBC3EB

#112FBC - #BBC3EB

HSV Blend

#112FBC - #BBC3EB | 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 #112FBC as 0% and #BBC3EB as 100%.

0.0%	0.0% #112EBC	RGB 17 46 188	#112EBC
16.7%	16.7% #2843C3	RGB 40 67 195	#2843C3
33.3%	33.3% #4259CB	RGB 66 89 203	#4259CB
50.0%	50.0% #5D71D3	RGB 93 113 211	#5D71D3
66.7%	66.7% #7A8BDB	RGB 122 139 219	#7A8BDB
83.3%	83.3% #9AA6E3	RGB 154 166 227	#9AA6E3
100.0%	100.0% #BBC3EB	RGB 187 195 235	#BBC3EB

#112EBC #2843C3 #4259CB #5D71D3 #7A8BDB #9AA6E3 #BBC3EB

#112FBC - #5D71D3 - #BBC3EB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #112EBC 0%, #5D71D3 50%, #BBC3EB 100%);
    background: -webkit-linear-gradient(top, #112EBC 0%, #5D71D3 50%, #BBC3EB 100%);
    background: linear-gradient(to bottom, #112EBC 0%, #5D71D3 50%, #BBC3EB 100%);
}
</style>