#5EADBE - #255F78 | colorate

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

Blend #5EADBE to #255F78

计算两种颜色#5EADBE和#255F78之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#5EADBE - #255F78 | colorate

基于RGB值计算两种颜色之间的颜色。对于彼此远离的颜色，两种颜色之间的饱和度降低。将#5EADBE的两种颜色之间的颜色扩展为0％，将#255F78扩展为100％。

0.0%	0.0% #5EADBE	RGB 94 173 190	#5EADBE
16.7%	16.7% #54A0B2	RGB 84 160 178	#54A0B2
33.3%	33.3% #4B93A6	RGB 75 147 166	#4B93A6
50.0%	50.0% #41869B	RGB 65 134 155	#41869B
66.7%	66.7% #38798F	RGB 56 121 143	#38798F
83.3%	83.3% #2E6C83	RGB 46 108 131	#2E6C83
100.0%	100.0% #255F78	RGB 37 95 120	#255F78

#5EADBE #54A0B2 #4B93A6 #41869B #38798F #2E6C83 #255F78

#5EADBE - #255F78

HSV混合

#5EADBE - #255F78 | colorate

基于HSV值计算两种颜色之间的颜色。即使在不同颜色的颜色之间，两种颜色之间的饱和度也不会降低。将#5EADBE的两种颜色之间的颜色扩展为0％，将#255F78扩展为100％。

0.0%	0.0% #5EADBE	RGB 94 173 190	#5EADBE
16.7%	16.7% #529FB2	RGB 82 159 178	#529FB2
33.3%	33.3% #4892A6	RGB 72 146 166	#4892A6
50.0%	50.0% #3E849B	RGB 62 132 155	#3E849B
66.7%	66.7% #35778F	RGB 53 119 143	#35778F
83.3%	83.3% #2C6B83	RGB 44 107 131	#2C6B83
100.0%	100.0% #255F78	RGB 37 95 120	#255F78

#5EADBE #529FB2 #4892A6 #3E849B #35778F #2C6B83 #255F78

#5EADBE - #3E849B - #255F78

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EADBE 0%, #3E849B 50%, #255F78 100%);
    background: -webkit-linear-gradient(top, #5EADBE 0%, #3E849B 50%, #255F78 100%);
    background: linear-gradient(to bottom, #5EADBE 0%, #3E849B 50%, #255F78 100%);
}
</style>