#E7EEC8 - #ADC974 | colorate

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

Blend #E7EEC8 to #ADC974

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

RGB混合

#E7EEC8 - #ADC974 | colorate

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

0.0%	0.0% #E7EEC8	RGB 231 238 200	#E7EEC8
16.7%	16.7% #DDE7BA	RGB 221 231 186	#DDE7BA
33.3%	33.3% #D3E1AC	RGB 211 225 172	#D3E1AC
50.0%	50.0% #CADB9E	RGB 202 219 158	#CADB9E
66.7%	66.7% #C0D590	RGB 192 213 144	#C0D590
83.3%	83.3% #B6CF82	RGB 182 207 130	#B6CF82
100.0%	100.0% #ADC974	RGB 173 201 116	#ADC974

#E7EEC8 #DDE7BA #D3E1AC #CADB9E #C0D590 #B6CF82 #ADC974

#E7EEC8 - #ADC974

HSV混合

#E7EEC8 - #ADC974 | colorate

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

0.0%	0.0% #E7EEC8	RGB 231 238 200	#E7EEC8
16.7%	16.7% #DDE7B8	RGB 221 231 184	#DDE7B8
33.3%	33.3% #D4E1A9	RGB 212 225 169	#D4E1A9
50.0%	50.0% #CBDB9B	RGB 203 219 155	#CBDB9B
66.7%	66.7% #C1D58D	RGB 193 213 141	#C1D58D
83.3%	83.3% #B7CF80	RGB 183 207 128	#B7CF80
100.0%	100.0% #ADC974	RGB 173 201 116	#ADC974

#E7EEC8 #DDE7B8 #D4E1A9 #CBDB9B #C1D58D #B7CF80 #ADC974

#E7EEC8 - #CBDB9B - #ADC974

CSS代码

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

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