#C11EB6 - #FC92EB | colorate

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

Blend #C11EB6 to #FC92EB

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

RGB混合

#C11EB6 - #FC92EB | colorate

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

0.0%	0.0% #C11EB6	RGB 193 30 182	#C11EB6
16.7%	16.7% #CA31BE	RGB 202 49 190	#CA31BE
33.3%	33.3% #D444C7	RGB 212 68 199	#D444C7
50.0%	50.0% #DE58D0	RGB 222 88 208	#DE58D0
66.7%	66.7% #E86BD9	RGB 232 107 217	#E86BD9
83.3%	83.3% #F27EE2	RGB 242 126 226	#F27EE2
100.0%	100.0% #FC92EB	RGB 252 146 235	#FC92EB

#C11EB6 #CA31BE #D444C7 #DE58D0 #E86BD9 #F27EE2 #FC92EB

#C11EB6 - #FC92EB

HSV混合

#C11EB6 - #FC92EB | colorate

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

0.0%	0.0% #C11DB6	RGB 193 29 182	#C11DB6
16.7%	16.7% #CA2DBD	RGB 202 45 189	#CA2DBD
33.3%	33.3% #D43FC5	RGB 212 63 197	#D43FC5
50.0%	50.0% #DE51CE	RGB 222 81 206	#DE51CE
66.7%	66.7% #E865D7	RGB 232 101 215	#E865D7
83.3%	83.3% #F27BE0	RGB 242 123 224	#F27BE0
100.0%	100.0% #FC92EB	RGB 252 146 235	#FC92EB

#C11DB6 #CA2DBD #D43FC5 #DE51CE #E865D7 #F27BE0 #FC92EB

#C11EB6 - #DE51CE - #FC92EB

CSS代码

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

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