#14284B - #BBC1CB | 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 #14284B to #BBC1CB

#14284B #BBC1CB

Calculate the color between two colors, #14284B and #BBC1CB. 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)

#14284B - #BBC1CB | 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 #14284B as 0% and #BBC1CB as 100%.

0.0%	0.0% #14284B	RGB 20 40 75	#14284B
16.7%	16.7% #2F4160	RGB 47 65 96	#2F4160
33.3%	33.3% #4B5B75	RGB 75 91 117	#4B5B75
50.0%	50.0% #67748B	RGB 103 116 139	#67748B
66.7%	66.7% #838EA0	RGB 131 142 160	#838EA0
83.3%	83.3% #9FA7B5	RGB 159 167 181	#9FA7B5
100.0%	100.0% #BBC1CB	RGB 187 193 203	#BBC1CB

#14284B #2F4160 #4B5B75 #67748B #838EA0 #9FA7B5 #BBC1CB

#14284B - #BBC1CB

HSV Blend

#14284B - #BBC1CB | 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 #14284B as 0% and #BBC1CB as 100%.

0.0%	0.0% #13274B	RGB 19 39 75	#13274B
16.7%	16.7% #243A60	RGB 36 58 96	#243A60
33.3%	33.3% #394F75	RGB 57 79 117	#394F75
50.0%	50.0% #52678B	RGB 82 103 139	#52678B
66.7%	66.7% #7082A0	RGB 112 130 160	#7082A0
83.3%	83.3% #93A0B5	RGB 147 160 181	#93A0B5
100.0%	100.0% #BBC1CB	RGB 187 193 203	#BBC1CB

#13274B #243A60 #394F75 #52678B #7082A0 #93A0B5 #BBC1CB

#14284B - #52678B - #BBC1CB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #13274B 0%, #52678B 50%, #BBC1CB 100%);
    background: -webkit-linear-gradient(top, #13274B 0%, #52678B 50%, #BBC1CB 100%);
    background: linear-gradient(to bottom, #13274B 0%, #52678B 50%, #BBC1CB 100%);
}
</style>