#CE5CBC - #FEB8C9 | colorate

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

Blend #CE5CBC to #FEB8C9

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

RGB混合

#CE5CBC - #FEB8C9 | colorate

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

0.0%	0.0% #CE5CBC	RGB 206 92 188	#CE5CBC
16.7%	16.7% #D66BBE	RGB 214 107 190	#D66BBE
33.3%	33.3% #DE7AC0	RGB 222 122 192	#DE7AC0
50.0%	50.0% #E68AC2	RGB 230 138 194	#E68AC2
66.7%	66.7% #EE99C4	RGB 238 153 196	#EE99C4
83.3%	83.3% #F6A8C6	RGB 246 168 198	#F6A8C6
100.0%	100.0% #FEB8C9	RGB 254 184 201	#FEB8C9

#CE5CBC #D66BBE #DE7AC0 #E68AC2 #EE99C4 #F6A8C6 #FEB8C9

#CE5CBC - #FEB8C9

HSV混合

#CE5CBC - #FEB8C9 | colorate

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

0.0%	0.0% #CE5CBC	RGB 206 92 188	#CE5CBC
16.7%	16.7% #D669BA	RGB 214 105 186	#D669BA
33.3%	33.3% #DE77B9	RGB 222 119 185	#DE77B9
50.0%	50.0% #E686BA	RGB 230 134 186	#E686BA
66.7%	66.7% #EE96BD	RGB 238 150 189	#EE96BD
83.3%	83.3% #F6A6C1	RGB 246 166 193	#F6A6C1
100.0%	100.0% #FEB8C9	RGB 254 184 201	#FEB8C9

#CE5CBC #D669BA #DE77B9 #E686BA #EE96BD #F6A6C1 #FEB8C9

#CE5CBC - #E686BA - #FEB8C9

CSS代码

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

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