#DCCFD4 - #AE7E8D | colorate

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

Blend #DCCFD4 to #AE7E8D

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

RGB混合

#DCCFD4 - #AE7E8D | colorate

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

0.0%	0.0% #DCCFD4	RGB 220 207 212	#DCCFD4
16.7%	16.7% #D4C1C8	RGB 212 193 200	#D4C1C8
33.3%	33.3% #CCB4BC	RGB 204 180 188	#CCB4BC
50.0%	50.0% #C5A6B0	RGB 197 166 176	#C5A6B0
66.7%	66.7% #BD99A4	RGB 189 153 164	#BD99A4
83.3%	83.3% #B58B98	RGB 181 139 152	#B58B98
100.0%	100.0% #AE7E8D	RGB 174 126 141	#AE7E8D

#DCCFD4 #D4C1C8 #CCB4BC #C5A6B0 #BD99A4 #B58B98 #AE7E8D

#DCCFD4 - #AE7E8D

HSV混合

#DCCFD4 - #AE7E8D | colorate

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

0.0%	0.0% #DCCFD4	RGB 220 207 212	#DCCFD4
16.7%	16.7% #D4C0C7	RGB 212 192 199	#D4C0C7
33.3%	33.3% #CCB1BB	RGB 204 177 187	#CCB1BB
50.0%	50.0% #C5A4AF	RGB 197 164 175	#C5A4AF
66.7%	66.7% #BD96A3	RGB 189 150 163	#BD96A3
83.3%	83.3% #B58A98	RGB 181 138 152	#B58A98
100.0%	100.0% #AE7E8D	RGB 174 126 141	#AE7E8D

#DCCFD4 #D4C0C7 #CCB1BB #C5A4AF #BD96A3 #B58A98 #AE7E8D

#DCCFD4 - #C5A4AF - #AE7E8D

CSS代码

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

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