#CDCDFF - #677CD4 | colorate

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

Blend #CDCDFF to #677CD4

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

RGB混合

#CDCDFF - #677CD4 | colorate

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

0.0%	0.0% #CDCDFF	RGB 205 205 255	#CDCDFF
16.7%	16.7% #BCBFF7	RGB 188 191 247	#BCBFF7
33.3%	33.3% #ABB2F0	RGB 171 178 240	#ABB2F0
50.0%	50.0% #9AA4E9	RGB 154 164 233	#9AA4E9
66.7%	66.7% #8997E2	RGB 137 151 226	#8997E2
83.3%	83.3% #7889DB	RGB 120 137 219	#7889DB
100.0%	100.0% #677CD4	RGB 103 124 212	#677CD4

#CDCDFF #BCBFF7 #ABB2F0 #9AA4E9 #8997E2 #7889DB #677CD4

#CDCDFF - #677CD4

HSV混合

#CDCDFF - #677CD4 | colorate

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

0.0%	0.0% #CDCDFF	RGB 205 205 255	#CDCDFF
16.7%	16.7% #BABCF7	RGB 186 188 247	#BABCF7
33.3%	33.3% #A7ACF0	RGB 167 172 240	#A7ACF0
50.0%	50.0% #969EE9	RGB 150 158 233	#969EE9
66.7%	66.7% #8591E2	RGB 133 145 226	#8591E2
83.3%	83.3% #7686DB	RGB 118 134 219	#7686DB
100.0%	100.0% #677CD4	RGB 103 124 212	#677CD4

#CDCDFF #BABCF7 #A7ACF0 #969EE9 #8591E2 #7686DB #677CD4

#CDCDFF - #969EE9 - #677CD4

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDCDFF 0%, #969EE9 50%, #677CD4 100%);
    background: -webkit-linear-gradient(top, #CDCDFF 0%, #969EE9 50%, #677CD4 100%);
    background: linear-gradient(to bottom, #CDCDFF 0%, #969EE9 50%, #677CD4 100%);
}
</style>