#CDADEF - #8237CC | colorate

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

Blend #CDADEF to #8237CC

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

RGB混合

#CDADEF - #8237CC | colorate

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

0.0%	0.0% #CDADEF	RGB 205 173 239	#CDADEF
16.7%	16.7% #C099E9	RGB 192 153 233	#C099E9
33.3%	33.3% #B485E3	RGB 180 133 227	#B485E3
50.0%	50.0% #A772DD	RGB 167 114 221	#A772DD
66.7%	66.7% #9B5ED7	RGB 155 94 215	#9B5ED7
83.3%	83.3% #8E4AD1	RGB 142 74 209	#8E4AD1
100.0%	100.0% #8237CC	RGB 130 55 204	#8237CC

#CDADEF #C099E9 #B485E3 #A772DD #9B5ED7 #8E4AD1 #8237CC

#CDADEF - #8237CC

HSV混合

#CDADEF - #8237CC | colorate

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

0.0%	0.0% #CDADEF	RGB 205 173 239	#CDADEF
16.7%	16.7% #BF97E9	RGB 191 151 233	#BF97E9
33.3%	33.3% #B182E3	RGB 177 130 227	#B182E3
50.0%	50.0% #A56EDD	RGB 165 110 221	#A56EDD
66.7%	66.7% #985AD7	RGB 152 90 215	#985AD7
83.3%	83.3% #8D48D1	RGB 141 72 209	#8D48D1
100.0%	100.0% #8237CC	RGB 130 55 204	#8237CC

#CDADEF #BF97E9 #B182E3 #A56EDD #985AD7 #8D48D1 #8237CC

#CDADEF - #A56EDD - #8237CC

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDADEF 0%, #A56EDD 50%, #8237CC 100%);
    background: -webkit-linear-gradient(top, #CDADEF 0%, #A56EDD 50%, #8237CC 100%);
    background: linear-gradient(to bottom, #CDADEF 0%, #A56EDD 50%, #8237CC 100%);
}
</style>