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

#0E3E3E #BAC7C7

Calculate the color between two colors, #0E3E3E 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)

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

0.0%	0.0% #0E3E3E	RGB 14 62 62	#0E3E3E
16.7%	16.7% #2A5454	RGB 42 84 84	#2A5454
33.3%	33.3% #476B6B	RGB 71 107 107	#476B6B
50.0%	50.0% #648282	RGB 100 130 130	#648282
66.7%	66.7% #809999	RGB 128 153 153	#809999
83.3%	83.3% #9DB0B0	RGB 157 176 176	#9DB0B0
100.0%	100.0% #BAC7C7	RGB 186 199 199	#BAC7C7

#0E3E3E #2A5454 #476B6B #648282 #809999 #9DB0B0 #BAC7C7

#0E3E3E - #BAC7C7

HSV Blend

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

0.0%	0.0% #0E3E3E	RGB 14 62 62	#0E3E3E
16.7%	16.7% #1D5454	RGB 29 84 84	#1D5454
33.3%	33.3% #316B6B	RGB 49 107 107	#316B6B
50.0%	50.0% #4B8282	RGB 75 130 130	#4B8282
66.7%	66.7% #6B9999	RGB 107 153 153	#6B9999
83.3%	83.3% #8FB0B0	RGB 143 176 176	#8FB0B0
100.0%	100.0% #BAC7C7	RGB 186 199 199	#BAC7C7

#0E3E3E #1D5454 #316B6B #4B8282 #6B9999 #8FB0B0 #BAC7C7

#0E3E3E - #4B8282 - #BAC7C7

CSS codes

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

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