#E6ECE4 - #A3C29B | colorate

colorate è uno strumento per schemi a colori per designer e sviluppatori. Questo ti aiuterà a trarre ispirazione e funge da risorsa per il tuo lavoro a colori. Rendi questo sito migliore

Miscela da #E6ECE4 a #A3C29B

#E6ECE4 #A3C29B

Calcola il colore tra due colori, #E6ECE4 e #A3C29B. Nel calcolo dei valori RGB, la saturazione tra i colori diversi è bassa. Nel calcolo dei valori HSV, la saturazione tra i colori diversi non è bassa.

Miscela RGB (lineare)

#E6ECE4 - #A3C29B | colorate

Calcolo del colore tra due colori in base al valore RGB. Per i colori distanti tra loro, la saturazione tra i due colori diminuisce. Espandi il colore tra due colori con #E6ECE4 come 0% e #A3C29B come 100%.

0.0%	0.0% #E6ECE4	RGB 230 236 228	#E6ECE4
16.7%	16.7% #DAE5D7	RGB 218 229 215	#DAE5D7
33.3%	33.3% #CFDECB	RGB 207 222 203	#CFDECB
50.0%	50.0% #C4D7BF	RGB 196 215 191	#C4D7BF
66.7%	66.7% #B9D0B3	RGB 185 208 179	#B9D0B3
83.3%	83.3% #AEC9A7	RGB 174 201 167	#AEC9A7
100.0%	100.0% #A3C29B	RGB 163 194 155	#A3C29B

#E6ECE4 #DAE5D7 #CFDECB #C4D7BF #B9D0B3 #AEC9A7 #A3C29B

#E6ECE4 - #A3C29B

Miscela HSV

#E6ECE4 - #A3C29B | colorate

Calcolo del colore tra due colori in base al valore HSV. Anche tra distinti colori di colore, la saturazione tra i due colori non diminuisce. Espandi il colore tra due colori con #E6ECE4 come 0% e #A3C29B come 100%.

0.0%	0.0% #E6ECE4	RGB 230 236 228	#E6ECE4
16.7%	16.7% #DAE5D6	RGB 218 229 214	#DAE5D6
33.3%	33.3% #CEDECA	RGB 206 222 202	#CEDECA
50.0%	50.0% #C3D7BD	RGB 195 215 189	#C3D7BD
66.7%	66.7% #B8D0B1	RGB 184 208 177	#B8D0B1
83.3%	83.3% #ADC9A6	RGB 173 201 166	#ADC9A6
100.0%	100.0% #A3C29B	RGB 163 194 155	#A3C29B

#E6ECE4 #DAE5D6 #CEDECA #C3D7BD #B8D0B1 #ADC9A6 #A3C29B

#E6ECE4 - #C3D7BD - #A3C29B

Codici CSS

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

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