#0E5E4B - #BAD1CB | colorate

这是设计师和开发人员的着色工具。这将帮助您绘制灵感，并作为您的色彩工作的资源。使这个网站更好

Blend #0E5E4B to #BAD1CB

计算两种颜色#0E5E4B和#BAD1CB之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#0E5E4B - #BAD1CB | colorate

基于RGB值计算两种颜色之间的颜色。对于彼此远离的颜色，两种颜色之间的饱和度降低。将#0E5E4B的两种颜色之间的颜色扩展为0％，将#BAD1CB扩展为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混合

#0E5E4B - #BAD1CB | colorate

基于HSV值计算两种颜色之间的颜色。即使在不同颜色的颜色之间，两种颜色之间的饱和度也不会降低。将#0E5E4B的两种颜色之间的颜色扩展为0％，将#BAD1CB扩展为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代码

<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>