#0E3E4D - #BAC7CC | 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 #0E3E4D to #BAC7CC

#0E3E4D #BAC7CC

Calculate the color between two colors, #0E3E4D and #BAC7CC. 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)

#0E3E4D - #BAC7CC | 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 #0E3E4D as 0% and #BAC7CC as 100%.

0.0%	0.0% #0E3E4D	RGB 14 62 77	#0E3E4D
16.7%	16.7% #2A5462	RGB 42 84 98	#2A5462
33.3%	33.3% #476B77	RGB 71 107 119	#476B77
50.0%	50.0% #64828C	RGB 100 130 140	#64828C
66.7%	66.7% #8099A1	RGB 128 153 161	#8099A1
83.3%	83.3% #9DB0B6	RGB 157 176 182	#9DB0B6
100.0%	100.0% #BAC7CC	RGB 186 199 204	#BAC7CC

#0E3E4D #2A5462 #476B77 #64828C #8099A1 #9DB0B6 #BAC7CC

#0E3E4D - #BAC7CC

HSV Blend

#0E3E4D - #BAC7CC | 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 #0E3E4D as 0% and #BAC7CC as 100%.

0.0%	0.0% #0E3E4D	RGB 14 62 77	#0E3E4D
16.7%	16.7% #1D5162	RGB 29 81 98	#1D5162
33.3%	33.3% #326677	RGB 50 102 119	#326677
50.0%	50.0% #4C7C8C	RGB 76 124 140	#4C7C8C
66.7%	66.7% #6C93A1	RGB 108 147 161	#6C93A1
83.3%	83.3% #90ACB6	RGB 144 172 182	#90ACB6
100.0%	100.0% #BAC7CC	RGB 186 199 204	#BAC7CC

#0E3E4D #1D5162 #326677 #4C7C8C #6C93A1 #90ACB6 #BAC7CC

#0E3E4D - #4C7C8C - #BAC7CC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0E3E4D 0%, #4C7C8C 50%, #BAC7CC 100%);
    background: -webkit-linear-gradient(top, #0E3E4D 0%, #4C7C8C 50%, #BAC7CC 100%);
    background: linear-gradient(to bottom, #0E3E4D 0%, #4C7C8C 50%, #BAC7CC 100%);
}
</style>