#DECACE - #AD7A85 | colorate

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

Blend #DECACE to #AD7A85

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

RGB混合

#DECACE - #AD7A85 | colorate

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

0.0%	0.0% #DECACE	RGB 222 202 206	#DECACE
16.7%	16.7% #D5BCC1	RGB 213 188 193	#D5BCC1
33.3%	33.3% #CDAFB5	RGB 205 175 181	#CDAFB5
50.0%	50.0% #C5A2A9	RGB 197 162 169	#C5A2A9
66.7%	66.7% #BD949D	RGB 189 148 157	#BD949D
83.3%	83.3% #B58791	RGB 181 135 145	#B58791
100.0%	100.0% #AD7A85	RGB 173 122 133	#AD7A85

#DECACE #D5BCC1 #CDAFB5 #C5A2A9 #BD949D #B58791 #AD7A85

#DECACE - #AD7A85

HSV混合

#DECACE - #AD7A85 | colorate

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

0.0%	0.0% #DECACE	RGB 222 202 206	#DECACE
16.7%	16.7% #D5BBC0	RGB 213 187 192	#D5BBC0
33.3%	33.3% #CDADB3	RGB 205 173 179	#CDADB3
50.0%	50.0% #C59FA7	RGB 197 159 167	#C59FA7
66.7%	66.7% #BD929B	RGB 189 146 155	#BD929B
83.3%	83.3% #B58590	RGB 181 133 144	#B58590
100.0%	100.0% #AD7A85	RGB 173 122 133	#AD7A85

#DECACE #D5BBC0 #CDADB3 #C59FA7 #BD929B #B58590 #AD7A85

#DECACE - #C59FA7 - #AD7A85

CSS代码

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

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