#DFB8C2 - #AE6076 | colorate

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

Blend #DFB8C2 to #AE6076

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

RGB混合

#DFB8C2 - #AE6076 | colorate

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

0.0%	0.0% #DFB8C2	RGB 223 184 194	#DFB8C2
16.7%	16.7% #D6A9B5	RGB 214 169 181	#D6A9B5
33.3%	33.3% #CE9AA8	RGB 206 154 168	#CE9AA8
50.0%	50.0% #C68C9C	RGB 198 140 156	#C68C9C
66.7%	66.7% #BE7D8F	RGB 190 125 143	#BE7D8F
83.3%	83.3% #B66E82	RGB 182 110 130	#B66E82
100.0%	100.0% #AE6076	RGB 174 96 118	#AE6076

#DFB8C2 #D6A9B5 #CE9AA8 #C68C9C #BE7D8F #B66E82 #AE6076

#DFB8C2 - #AE6076

HSV混合

#DFB8C2 - #AE6076 | colorate

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

0.0%	0.0% #DFB8C2	RGB 223 184 194	#DFB8C2
16.7%	16.7% #D6A7B3	RGB 214 167 179	#D6A7B3
33.3%	33.3% #CE97A6	RGB 206 151 166	#CE97A6
50.0%	50.0% #C68899	RGB 198 136 153	#C68899
66.7%	66.7% #BE7A8C	RGB 190 122 140	#BE7A8C
83.3%	83.3% #B66C81	RGB 182 108 129	#B66C81
100.0%	100.0% #AE6076	RGB 174 96 118	#AE6076

#DFB8C2 #D6A7B3 #CE97A6 #C68899 #BE7A8C #B66C81 #AE6076

#DFB8C2 - #C68899 - #AE6076

CSS代码

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

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