#C039BA - #EDC6EB | colorate

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

Blend #C039BA to #EDC6EB

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

RGB混合

#C039BA - #EDC6EB | colorate

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

0.0%	0.0% #C039BA	RGB 192 57 186	#C039BA
16.7%	16.7% #C750C2	RGB 199 80 194	#C750C2
33.3%	33.3% #CF68CA	RGB 207 104 202	#CF68CA
50.0%	50.0% #D67FD2	RGB 214 127 210	#D67FD2
66.7%	66.7% #DE97DA	RGB 222 151 218	#DE97DA
83.3%	83.3% #E5AEE2	RGB 229 174 226	#E5AEE2
100.0%	100.0% #EDC6EB	RGB 237 198 235	#EDC6EB

#C039BA #C750C2 #CF68CA #D67FD2 #DE97DA #E5AEE2 #EDC6EB

#C039BA - #EDC6EB

HSV混合

#C039BA - #EDC6EB | colorate

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

0.0%	0.0% #C039BA	RGB 192 57 186	#C039BA
16.7%	16.7% #C74DC1	RGB 199 77 193	#C74DC1
33.3%	33.3% #CF62C9	RGB 207 98 201	#CF62C9
50.0%	50.0% #D679D2	RGB 214 121 210	#D679D2
66.7%	66.7% #DE91DA	RGB 222 145 218	#DE91DA
83.3%	83.3% #E5ABE2	RGB 229 171 226	#E5ABE2
100.0%	100.0% #EDC6EB	RGB 237 198 235	#EDC6EB

#C039BA #C74DC1 #CF62C9 #D679D2 #DE91DA #E5ABE2 #EDC6EB

#C039BA - #D679D2 - #EDC6EB

CSS代码

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

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