#5655AA - #CECEE6 | colorate

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

Blend #5655AA to #CECEE6

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

RGB混合

#5655AA - #CECEE6 | colorate

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

0.0%	0.0% #5655AA	RGB 86 85 170	#5655AA
16.7%	16.7% #6A69B4	RGB 106 105 180	#6A69B4
33.3%	33.3% #7E7DBE	RGB 126 125 190	#7E7DBE
50.0%	50.0% #9291C8	RGB 146 145 200	#9291C8
66.7%	66.7% #A6A5D2	RGB 166 165 210	#A6A5D2
83.3%	83.3% #BAB9DC	RGB 186 185 220	#BAB9DC
100.0%	100.0% #CECEE6	RGB 206 206 230	#CECEE6

#5655AA #6A69B4 #7E7DBE #9291C8 #A6A5D2 #BAB9DC #CECEE6

#5655AA - #CECEE6

HSV混合

#5655AA - #CECEE6 | colorate

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

0.0%	0.0% #5555AA	RGB 85 85 170	#5555AA
16.7%	16.7% #6665B4	RGB 102 101 180	#6665B4
33.3%	33.3% #7878BE	RGB 120 120 190	#7878BE
50.0%	50.0% #8B8BC8	RGB 139 139 200	#8B8BC8
66.7%	66.7% #A0A0D2	RGB 160 160 210	#A0A0D2
83.3%	83.3% #B6B6DC	RGB 182 182 220	#B6B6DC
100.0%	100.0% #CECEE6	RGB 206 206 230	#CECEE6

#5555AA #6665B4 #7878BE #8B8BC8 #A0A0D2 #B6B6DC #CECEE6

#5655AA - #8B8BC8 - #CECEE6

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5555AA 0%, #8B8BC8 50%, #CECEE6 100%);
    background: -webkit-linear-gradient(top, #5555AA 0%, #8B8BC8 50%, #CECEE6 100%);
    background: linear-gradient(to bottom, #5555AA 0%, #8B8BC8 50%, #CECEE6 100%);
}
</style>