#0E3F3E - #BAC8C7 | 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 #0E3F3E to #BAC8C7

#0E3F3E #BAC8C7

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

#0E3F3E - #BAC8C7 | 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 #0E3F3E as 0% and #BAC8C7 as 100%.

0.0%	0.0% #0E3F3E	RGB 14 63 62	#0E3F3E
16.7%	16.7% #2A5554	RGB 42 85 84	#2A5554
33.3%	33.3% #476C6B	RGB 71 108 107	#476C6B
50.0%	50.0% #648382	RGB 100 131 130	#648382
66.7%	66.7% #809A99	RGB 128 154 153	#809A99
83.3%	83.3% #9DB1B0	RGB 157 177 176	#9DB1B0
100.0%	100.0% #BAC8C7	RGB 186 200 199	#BAC8C7

#0E3F3E #2A5554 #476C6B #648382 #809A99 #9DB1B0 #BAC8C7

#0E3F3E - #BAC8C7

HSV Blend

#0E3F3E - #BAC8C7 | 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 #0E3F3E as 0% and #BAC8C7 as 100%.

0.0%	0.0% #0E3F3E	RGB 14 63 62	#0E3F3E
16.7%	16.7% #1D5554	RGB 29 85 84	#1D5554
33.3%	33.3% #316C6A	RGB 49 108 106	#316C6A
50.0%	50.0% #4B8380	RGB 75 131 128	#4B8380
66.7%	66.7% #6B9A97	RGB 107 154 151	#6B9A97
83.3%	83.3% #8FB1AF	RGB 143 177 175	#8FB1AF
100.0%	100.0% #BAC8C7	RGB 186 200 199	#BAC8C7

#0E3F3E #1D5554 #316C6A #4B8380 #6B9A97 #8FB1AF #BAC8C7

#0E3F3E - #4B8380 - #BAC8C7

CSS codes

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

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