#4C75A6 - #ADBBC3 | colorate

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

Blend #4C75A6 to #ADBBC3

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

RGB混合

#4C75A6 - #ADBBC3 | colorate

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

0.0%	0.0% #4C75A6	RGB 76 117 166	#4C75A6
16.7%	16.7% #5C80AA	RGB 92 128 170	#5C80AA
33.3%	33.3% #6C8CAF	RGB 108 140 175	#6C8CAF
50.0%	50.0% #7C98B4	RGB 124 152 180	#7C98B4
66.7%	66.7% #8CA3B9	RGB 140 163 185	#8CA3B9
83.3%	83.3% #9CAFBE	RGB 156 175 190	#9CAFBE
100.0%	100.0% #ADBBC3	RGB 173 187 195	#ADBBC3

#4C75A6 #5C80AA #6C8CAF #7C98B4 #8CA3B9 #9CAFBE #ADBBC3

#4C75A6 - #ADBBC3

HSV混合

#4C75A6 - #ADBBC3 | colorate

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

0.0%	0.0% #4C75A6	RGB 76 117 166	#4C75A6
16.7%	16.7% #5A81AA	RGB 90 129 170	#5A81AA
33.3%	33.3% #698DAF	RGB 105 141 175	#698DAF
50.0%	50.0% #7999B4	RGB 121 153 180	#7999B4
66.7%	66.7% #89A5B9	RGB 137 165 185	#89A5B9
83.3%	83.3% #9BB0BE	RGB 155 176 190	#9BB0BE
100.0%	100.0% #ADBBC3	RGB 173 187 195	#ADBBC3

#4C75A6 #5A81AA #698DAF #7999B4 #89A5B9 #9BB0BE #ADBBC3

#4C75A6 - #7999B4 - #ADBBC3

CSS代码

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

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