#0E3E3C - #BAC7C7 | 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 #0E3E3C to #BAC7C7

#0E3E3C #BAC7C7

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

#0E3E3C - #BAC7C7 | 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 #0E3E3C as 0% and #BAC7C7 as 100%.

0.0%	0.0% #0E3E3C	RGB 14 62 60	#0E3E3C
16.7%	16.7% #2A5453	RGB 42 84 83	#2A5453
33.3%	33.3% #476B6A	RGB 71 107 106	#476B6A
50.0%	50.0% #648281	RGB 100 130 129	#648281
66.7%	66.7% #809998	RGB 128 153 152	#809998
83.3%	83.3% #9DB0AF	RGB 157 176 175	#9DB0AF
100.0%	100.0% #BAC7C7	RGB 186 199 199	#BAC7C7

#0E3E3C #2A5453 #476B6A #648281 #809998 #9DB0AF #BAC7C7

#0E3E3C - #BAC7C7

HSV Blend

#0E3E3C - #BAC7C7 | 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 #0E3E3C as 0% and #BAC7C7 as 100%.

0.0%	0.0% #0E3E3C	RGB 14 62 60	#0E3E3C
16.7%	16.7% #1D5452	RGB 29 84 82	#1D5452
33.3%	33.3% #316B6A	RGB 49 107 106	#316B6A
50.0%	50.0% #4B8281	RGB 75 130 129	#4B8281
66.7%	66.7% #6B9998	RGB 107 153 152	#6B9998
83.3%	83.3% #8FB0AF	RGB 143 176 175	#8FB0AF
100.0%	100.0% #BAC7C7	RGB 186 199 199	#BAC7C7

#0E3E3C #1D5452 #316B6A #4B8281 #6B9998 #8FB0AF #BAC7C7

#0E3E3C - #4B8281 - #BAC7C7

CSS codes

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

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