#085E8C - #76B8C6 | colorate

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

Blend #085E8C to #76B8C6

计算两种颜色#085E8C和#76B8C6之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#085E8C - #76B8C6 | colorate

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

0.0%	0.0% #085E8C	RGB 8 94 140	#085E8C
16.7%	16.7% #1A6D95	RGB 26 109 149	#1A6D95
33.3%	33.3% #2C7C9F	RGB 44 124 159	#2C7C9F
50.0%	50.0% #3F8BA9	RGB 63 139 169	#3F8BA9
66.7%	66.7% #519AB2	RGB 81 154 178	#519AB2
83.3%	83.3% #63A9BC	RGB 99 169 188	#63A9BC
100.0%	100.0% #76B8C6	RGB 118 184 198	#76B8C6

#085E8C #1A6D95 #2C7C9F #3F8BA9 #519AB2 #63A9BC #76B8C6

#085E8C - #76B8C6

HSV混合

#085E8C - #76B8C6 | colorate

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

0.0%	0.0% #075E8C	RGB 7 94 140	#075E8C
16.7%	16.7% #156C95	RGB 21 108 149	#156C95
33.3%	33.3% #257B9F	RGB 37 123 159	#257B9F
50.0%	50.0% #378BA9	RGB 55 139 169	#378BA9
66.7%	66.7% #4A9AB2	RGB 74 154 178	#4A9AB2
83.3%	83.3% #5FA9BC	RGB 95 169 188	#5FA9BC
100.0%	100.0% #76B8C6	RGB 118 184 198	#76B8C6

#075E8C #156C95 #257B9F #378BA9 #4A9AB2 #5FA9BC #76B8C6

#085E8C - #378BA9 - #76B8C6

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #075E8C 0%, #378BA9 50%, #76B8C6 100%);
    background: -webkit-linear-gradient(top, #075E8C 0%, #378BA9 50%, #76B8C6 100%);
    background: linear-gradient(to bottom, #075E8C 0%, #378BA9 50%, #76B8C6 100%);
}
</style>