#464D5E - #DB779B | colorate

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

Blend #464D5E to #DB779B

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

RGB混合

#464D5E - #DB779B | colorate

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

0.0%	0.0% #464D5E	RGB 70 77 94	#464D5E
16.7%	16.7% #5E5468	RGB 94 84 104	#5E5468
33.3%	33.3% #775B72	RGB 119 91 114	#775B72
50.0%	50.0% #90627C	RGB 144 98 124	#90627C
66.7%	66.7% #A96986	RGB 169 105 134	#A96986
83.3%	83.3% #C27090	RGB 194 112 144	#C27090
100.0%	100.0% #DB779B	RGB 219 119 155	#DB779B

#464D5E #5E5468 #775B72 #90627C #A96986 #C27090 #DB779B

#464D5E - #DB779B

HSV混合

#464D5E - #DB779B | colorate

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

0.0%	0.0% #464D5E	RGB 70 77 94	#464D5E
16.7%	16.7% #525172	RGB 82 81 114	#525172
33.3%	33.3% #6B5B87	RGB 107 91 135	#6B5B87
50.0%	50.0% #8A649C	RGB 138 100 156	#8A649C
66.7%	66.7% #B16CB1	RGB 177 108 177	#B16CB1
83.3%	83.3% #C672AB	RGB 198 114 171	#C672AB
100.0%	100.0% #DB779B	RGB 219 119 155	#DB779B

#464D5E #525172 #6B5B87 #8A649C #B16CB1 #C672AB #DB779B

#464D5E - #8A649C - #DB779B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #464D5E 0%, #8A649C 50%, #DB779B 100%);
    background: -webkit-linear-gradient(top, #464D5E 0%, #8A649C 50%, #DB779B 100%);
    background: linear-gradient(to bottom, #464D5E 0%, #8A649C 50%, #DB779B 100%);
}
</style>