#14264D - #BCC0CC | 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 #14264D to #BCC0CC

#14264D #BCC0CC

Calculate the color between two colors, #14264D and #BCC0CC. 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)

#14264D - #BCC0CC | 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 #14264D as 0% and #BCC0CC as 100%.

0.0%	0.0% #14264D	RGB 20 38 77	#14264D
16.7%	16.7% #303F62	RGB 48 63 98	#303F62
33.3%	33.3% #4C5977	RGB 76 89 119	#4C5977
50.0%	50.0% #68738C	RGB 104 115 140	#68738C
66.7%	66.7% #848CA1	RGB 132 140 161	#848CA1
83.3%	83.3% #A0A6B6	RGB 160 166 182	#A0A6B6
100.0%	100.0% #BCC0CC	RGB 188 192 204	#BCC0CC

#14264D #303F62 #4C5977 #68738C #848CA1 #A0A6B6 #BCC0CC

#14264D - #BCC0CC

HSV Blend

#14264D - #BCC0CC | 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 #14264D as 0% and #BCC0CC as 100%.

0.0%	0.0% #13264D	RGB 19 38 77	#13264D
16.7%	16.7% #243762	RGB 36 55 98	#243762
33.3%	33.3% #394B77	RGB 57 75 119	#394B77
50.0%	50.0% #52638C	RGB 82 99 140	#52638C
66.7%	66.7% #717EA1	RGB 113 126 161	#717EA1
83.3%	83.3% #949DB6	RGB 148 157 182	#949DB6
100.0%	100.0% #BCC0CC	RGB 188 192 204	#BCC0CC

#13264D #243762 #394B77 #52638C #717EA1 #949DB6 #BCC0CC

#14264D - #52638C - #BCC0CC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #13264D 0%, #52638C 50%, #BCC0CC 100%);
    background: -webkit-linear-gradient(top, #13264D 0%, #52638C 50%, #BCC0CC 100%);
    background: linear-gradient(to bottom, #13264D 0%, #52638C 50%, #BCC0CC 100%);
}
</style>