#DADDF2 - #878CCD | colorate

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

Blend #DADDF2 to #878CCD

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

RGB混合

#DADDF2 - #878CCD | colorate

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

0.0%	0.0% #DADDF2	RGB 218 221 242	#DADDF2
16.7%	16.7% #CCCFEB	RGB 204 207 235	#CCCFEB
33.3%	33.3% #BEC2E5	RGB 190 194 229	#BEC2E5
50.0%	50.0% #B0B4DF	RGB 176 180 223	#B0B4DF
66.7%	66.7% #A2A7D9	RGB 162 167 217	#A2A7D9
83.3%	83.3% #9499D3	RGB 148 153 211	#9499D3
100.0%	100.0% #878CCD	RGB 135 140 205	#878CCD

#DADDF2 #CCCFEB #BEC2E5 #B0B4DF #A2A7D9 #9499D3 #878CCD

#DADDF2 - #878CCD

HSV混合

#DADDF2 - #878CCD | colorate

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

0.0%	0.0% #DADDF2	RGB 218 221 242	#DADDF2
16.7%	16.7% #CACEEB	RGB 202 206 235	#CACEEB
33.3%	33.3% #BCC0E5	RGB 188 192 229	#BCC0E5
50.0%	50.0% #AEB3DF	RGB 174 179 223	#AEB3DF
66.7%	66.7% #A0A5D9	RGB 160 165 217	#A0A5D9
83.3%	83.3% #9398D3	RGB 147 152 211	#9398D3
100.0%	100.0% #878CCD	RGB 135 140 205	#878CCD

#DADDF2 #CACEEB #BCC0E5 #AEB3DF #A0A5D9 #9398D3 #878CCD

#DADDF2 - #AEB3DF - #878CCD

CSS代码

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

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