#DFDBE2 - #B98ECC | colorate

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

Blend #DFDBE2 to #B98ECC

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

RGB混合

#DFDBE2 - #B98ECC | colorate

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

0.0%	0.0% #DFDBE2	RGB 223 219 226	#DFDBE2
16.7%	16.7% #D8CEDE	RGB 216 206 222	#D8CEDE
33.3%	33.3% #D2C1DA	RGB 210 193 218	#D2C1DA
50.0%	50.0% #CCB4D7	RGB 204 180 215	#CCB4D7
66.7%	66.7% #C5A7D3	RGB 197 167 211	#C5A7D3
83.3%	83.3% #BF9ACF	RGB 191 154 207	#BF9ACF
100.0%	100.0% #B98ECC	RGB 185 142 204	#B98ECC

#DFDBE2 #D8CEDE #D2C1DA #CCB4D7 #C5A7D3 #BF9ACF #B98ECC

#DFDBE2 - #B98ECC

HSV混合

#DFDBE2 - #B98ECC | colorate

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

0.0%	0.0% #DFDBE2	RGB 223 219 226	#DFDBE2
16.7%	16.7% #D7CDDE	RGB 215 205 222	#D7CDDE
33.3%	33.3% #D0BFDA	RGB 208 191 218	#D0BFDA
50.0%	50.0% #C9B2D7	RGB 201 178 215	#C9B2D7
66.7%	66.7% #C3A6D3	RGB 195 166 211	#C3A6D3
83.3%	83.3% #BE99CF	RGB 190 153 207	#BE99CF
100.0%	100.0% #B98ECC	RGB 185 142 204	#B98ECC

#DFDBE2 #D7CDDE #D0BFDA #C9B2D7 #C3A6D3 #BE99CF #B98ECC

#DFDBE2 - #C9B2D7 - #B98ECC

CSS代码

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

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