#3E5E4B - #977BCF | colorate

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

Blend #3E5E4B to #977BCF

计算两种颜色#3E5E4B和#977BCF之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#3E5E4B - #977BCF | colorate

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

0.0%	0.0% #3E5E4B	RGB 62 94 75	#3E5E4B
16.7%	16.7% #4C6261	RGB 76 98 97	#4C6261
33.3%	33.3% #5B6777	RGB 91 103 119	#5B6777
50.0%	50.0% #6A6C8D	RGB 106 108 141	#6A6C8D
66.7%	66.7% #7971A3	RGB 121 113 163	#7971A3
83.3%	83.3% #8876B9	RGB 136 118 185	#8876B9
100.0%	100.0% #977BCF	RGB 151 123 207	#977BCF

#3E5E4B #4C6261 #5B6777 #6A6C8D #7971A3 #8876B9 #977BCF

#3E5E4B - #977BCF

HSV混合

#3E5E4B - #977BCF | colorate

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

0.0%	0.0% #3E5E4B	RGB 62 94 75	#3E5E4B
16.7%	16.7% #497066	RGB 73 112 102	#497066
33.3%	33.3% #538183	RGB 83 129 131	#538183
50.0%	50.0% #5E8196	RGB 94 129 150	#5E8196
66.7%	66.7% #687CA9	RGB 104 124 169	#687CA9
83.3%	83.3% #7271BC	RGB 114 113 188	#7271BC
100.0%	100.0% #977BCF	RGB 151 123 207	#977BCF

#3E5E4B #497066 #538183 #5E8196 #687CA9 #7271BC #977BCF

#3E5E4B - #5E8196 - #977BCF

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E4B 0%, #5E8196 50%, #977BCF 100%);
    background: -webkit-linear-gradient(top, #3E5E4B 0%, #5E8196 50%, #977BCF 100%);
    background: linear-gradient(to bottom, #3E5E4B 0%, #5E8196 50%, #977BCF 100%);
}
</style>