#CFB0FF - #FFECF3 | colorate

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

Blend #CFB0FF to #FFECF3

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

RGB混合

#CFB0FF - #FFECF3 | colorate

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

0.0%	0.0% #CFB0FF	RGB 207 176 255	#CFB0FF
16.7%	16.7% #D7BAFD	RGB 215 186 253	#D7BAFD
33.3%	33.3% #DFC4FB	RGB 223 196 251	#DFC4FB
50.0%	50.0% #E7CEF9	RGB 231 206 249	#E7CEF9
66.7%	66.7% #EFD8F7	RGB 239 216 247	#EFD8F7
83.3%	83.3% #F7E2F5	RGB 247 226 245	#F7E2F5
100.0%	100.0% #FFECF3	RGB 255 236 243	#FFECF3

#CFB0FF #D7BAFD #DFC4FB #E7CEF9 #EFD8F7 #F7E2F5 #FFECF3

#CFB0FF - #FFECF3

HSV混合

#CFB0FF - #FFECF3 | colorate

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

0.0%	0.0% #CFB0FF	RGB 207 176 255	#CFB0FF
16.7%	16.7% #E3BAFF	RGB 227 186 255	#E3BAFF
33.3%	33.3% #F3C4FF	RGB 243 196 255	#F3C4FF
50.0%	50.0% #FFCEFE	RGB 255 206 254	#FFCEFE
66.7%	66.7% #FFD8F6	RGB 255 216 246	#FFD8F6
83.3%	83.3% #FFE2F2	RGB 255 226 242	#FFE2F2
100.0%	100.0% #FFECF3	RGB 255 236 243	#FFECF3

#CFB0FF #E3BAFF #F3C4FF #FFCEFE #FFD8F6 #FFE2F2 #FFECF3

#CFB0FF - #FFCEFE - #FFECF3

CSS代码

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

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