#C68FDF - #FFDADB | colorate

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

Blend #C68FDF to #FFDADB

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

RGB混合

#C68FDF - #FFDADB | colorate

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

0.0%	0.0% #C68FDF	RGB 198 143 223	#C68FDF
16.7%	16.7% #CF9BDE	RGB 207 155 222	#CF9BDE
33.3%	33.3% #D9A8DD	RGB 217 168 221	#D9A8DD
50.0%	50.0% #E2B4DD	RGB 226 180 221	#E2B4DD
66.7%	66.7% #ECC1DC	RGB 236 193 220	#ECC1DC
83.3%	83.3% #F5CDDB	RGB 245 205 219	#F5CDDB
100.0%	100.0% #FFDADB	RGB 255 218 219	#FFDADB

#C68FDF #CF9BDE #D9A8DD #E2B4DD #ECC1DC #F5CDDB #FFDADB

#C68FDF - #FFDADB

HSV混合

#C68FDF - #FFDADB | colorate

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

0.0%	0.0% #C68FDF	RGB 198 143 223	#C68FDF
16.7%	16.7% #DD9AE4	RGB 221 154 228	#DD9AE4
33.3%	33.3% #E9A6E1	RGB 233 166 225	#E9A6E1
50.0%	50.0% #EFB2DB	RGB 239 178 219	#EFB2DB
66.7%	66.7% #F4BFD7	RGB 244 191 215	#F4BFD7
83.3%	83.3% #F9CCD7	RGB 249 204 215	#F9CCD7
100.0%	100.0% #FFDADB	RGB 255 218 219	#FFDADB

#C68FDF #DD9AE4 #E9A6E1 #EFB2DB #F4BFD7 #F9CCD7 #FFDADB

#C68FDF - #EFB2DB - #FFDADB

CSS代码

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

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