#0E5E4B - #BAD1CB | 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 #0E5E4B to #BAD1CB

#0E5E4B #BAD1CB

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

#0E5E4B - #BAD1CB | 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 #0E5E4B as 0% and #BAD1CB as 100%.

0.0%	0.0% #0E5E4B	RGB 14 94 75	#0E5E4B
16.7%	16.7% #2A7160	RGB 42 113 96	#2A7160
33.3%	33.3% #478475	RGB 71 132 117	#478475
50.0%	50.0% #64978B	RGB 100 151 139	#64978B
66.7%	66.7% #80AAA0	RGB 128 170 160	#80AAA0
83.3%	83.3% #9DBDB5	RGB 157 189 181	#9DBDB5
100.0%	100.0% #BAD1CB	RGB 186 209 203	#BAD1CB

#0E5E4B #2A7160 #478475 #64978B #80AAA0 #9DBDB5 #BAD1CB

#0E5E4B - #BAD1CB

HSV Blend

#0E5E4B - #BAD1CB | 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 #0E5E4B as 0% and #BAD1CB as 100%.

0.0%	0.0% #0D5E4B	RGB 13 94 75	#0D5E4B
16.7%	16.7% #1E715D	RGB 30 113 93	#1E715D
33.3%	33.3% #348470	RGB 52 132 112	#348470
50.0%	50.0% #4E9785	RGB 78 151 133	#4E9785
66.7%	66.7% #6DAA9B	RGB 109 170 155	#6DAA9B
83.3%	83.3% #91BDB2	RGB 145 189 178	#91BDB2
100.0%	100.0% #BAD1CB	RGB 186 209 203	#BAD1CB

#0D5E4B #1E715D #348470 #4E9785 #6DAA9B #91BDB2 #BAD1CB

#0E5E4B - #4E9785 - #BAD1CB

CSS codes

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

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