#EDA6FF - #962ECE | colorate

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

Blend #EDA6FF to #962ECE

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

RGB混合

#EDA6FF - #962ECE | colorate

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

0.0%	0.0% #EDA6FF	RGB 237 166 255	#EDA6FF
16.7%	16.7% #DE92F6	RGB 222 146 246	#DE92F6
33.3%	33.3% #D07EEE	RGB 208 126 238	#D07EEE
50.0%	50.0% #C16AE6	RGB 193 106 230	#C16AE6
66.7%	66.7% #B356DE	RGB 179 86 222	#B356DE
83.3%	83.3% #A442D6	RGB 164 66 214	#A442D6
100.0%	100.0% #962ECE	RGB 150 46 206	#962ECE

#EDA6FF #DE92F6 #D07EEE #C16AE6 #B356DE #A442D6 #962ECE

#EDA6FF - #962ECE

HSV混合

#EDA6FF - #962ECE | colorate

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

0.0%	0.0% #EDA6FF	RGB 237 166 255	#EDA6FF
16.7%	16.7% #DF8FF6	RGB 223 143 246	#DF8FF6
33.3%	33.3% #D179EE	RGB 209 121 238	#D179EE
50.0%	50.0% #C264E6	RGB 194 100 230	#C264E6
66.7%	66.7% #B351DE	RGB 179 81 222	#B351DE
83.3%	83.3% #A53FD6	RGB 165 63 214	#A53FD6
100.0%	100.0% #962ECE	RGB 150 46 206	#962ECE

#EDA6FF #DF8FF6 #D179EE #C264E6 #B351DE #A53FD6 #962ECE

#EDA6FF - #C264E6 - #962ECE

CSS代码

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

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