#749D9C - #D7E3E2 | colorate

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

Blend #749D9C to #D7E3E2

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

RGB混合

#749D9C - #D7E3E2 | colorate

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

0.0%	0.0% #749D9C	RGB 116 157 156	#749D9C
16.7%	16.7% #84A8A7	RGB 132 168 167	#84A8A7
33.3%	33.3% #95B4B3	RGB 149 180 179	#95B4B3
50.0%	50.0% #A5C0BF	RGB 165 192 191	#A5C0BF
66.7%	66.7% #B6CBCA	RGB 182 203 202	#B6CBCA
83.3%	83.3% #C6D7D6	RGB 198 215 214	#C6D7D6
100.0%	100.0% #D7E3E2	RGB 215 227 226	#D7E3E2

#749D9C #84A8A7 #95B4B3 #A5C0BF #B6CBCA #C6D7D6 #D7E3E2

#749D9C - #D7E3E2

HSV混合

#749D9C - #D7E3E2 | colorate

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

0.0%	0.0% #749D9C	RGB 116 157 156	#749D9C
16.7%	16.7% #82A8A7	RGB 130 168 167	#82A8A7
33.3%	33.3% #91B4B2	RGB 145 180 178	#91B4B2
50.0%	50.0% #A1C0BE	RGB 161 192 190	#A1C0BE
66.7%	66.7% #B2CBCA	RGB 178 203 202	#B2CBCA
83.3%	83.3% #C4D7D5	RGB 196 215 213	#C4D7D5
100.0%	100.0% #D7E3E2	RGB 215 227 226	#D7E3E2

#749D9C #82A8A7 #91B4B2 #A1C0BE #B2CBCA #C4D7D5 #D7E3E2

#749D9C - #A1C0BE - #D7E3E2

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #749D9C 0%, #A1C0BE 50%, #D7E3E2 100%);
    background: -webkit-linear-gradient(top, #749D9C 0%, #A1C0BE 50%, #D7E3E2 100%);
    background: linear-gradient(to bottom, #749D9C 0%, #A1C0BE 50%, #D7E3E2 100%);
}
</style>