#ADC3A8 - #E7EDE6 | colorate

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

Blend #ADC3A8 to #E7EDE6

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

RGB混合

#ADC3A8 - #E7EDE6 | colorate

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

0.0%	0.0% #ADC3A8	RGB 173 195 168	#ADC3A8
16.7%	16.7% #B6CAB2	RGB 182 202 178	#B6CAB2
33.3%	33.3% #C0D1BC	RGB 192 209 188	#C0D1BC
50.0%	50.0% #CAD8C7	RGB 202 216 199	#CAD8C7
66.7%	66.7% #D3DFD1	RGB 211 223 209	#D3DFD1
83.3%	83.3% #DDE6DB	RGB 221 230 219	#DDE6DB
100.0%	100.0% #E7EDE6	RGB 231 237 230	#E7EDE6

#ADC3A8 #B6CAB2 #C0D1BC #CAD8C7 #D3DFD1 #DDE6DB #E7EDE6

#ADC3A8 - #E7EDE6

HSV混合

#ADC3A8 - #E7EDE6 | colorate

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

0.0%	0.0% #ADC3A8	RGB 173 195 168	#ADC3A8
16.7%	16.7% #B6CAB1	RGB 182 202 177	#B6CAB1
33.3%	33.3% #BFD1BB	RGB 191 209 187	#BFD1BB
50.0%	50.0% #C8D8C5	RGB 200 216 197	#C8D8C5
66.7%	66.7% #D2DFD0	RGB 210 223 208	#D2DFD0
83.3%	83.3% #DCE6DB	RGB 220 230 219	#DCE6DB
100.0%	100.0% #E7EDE6	RGB 231 237 230	#E7EDE6

#ADC3A8 #B6CAB1 #BFD1BB #C8D8C5 #D2DFD0 #DCE6DB #E7EDE6

#ADC3A8 - #C8D8C5 - #E7EDE6

CSS代码

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

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