#E6ECE5 - #9ACC9A | 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 #E6ECE5 a #9ACC9A

#E6ECE5 #9ACC9A

Calcola il colore tra due colori, #E6ECE5 e #9ACC9A. 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)

#E6ECE5 - #9ACC9A | 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 #E6ECE5 come 0% e #9ACC9A come 100%.

0.0%	0.0% #E6ECE5	RGB 230 236 229	#E6ECE5
16.7%	16.7% #D9E6D8	RGB 217 230 216	#D9E6D8
33.3%	33.3% #CCE1CC	RGB 204 225 204	#CCE1CC
50.0%	50.0% #C0DCBF	RGB 192 220 191	#C0DCBF
66.7%	66.7% #B3D6B3	RGB 179 214 179	#B3D6B3
83.3%	83.3% #A6D1A6	RGB 166 209 166	#A6D1A6
100.0%	100.0% #9ACC9A	RGB 154 204 154	#9ACC9A

#E6ECE5 #D9E6D8 #CCE1CC #C0DCBF #B3D6B3 #A6D1A6 #9ACC9A

#E6ECE5 - #9ACC9A

Miscela HSV

#E6ECE5 - #9ACC9A | 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 #E6ECE5 come 0% e #9ACC9A come 100%.

0.0%	0.0% #E6ECE5	RGB 230 236 229	#E6ECE5
16.7%	16.7% #D9E6D7	RGB 217 230 215	#D9E6D7
33.3%	33.3% #CCE1CA	RGB 204 225 202	#CCE1CA
50.0%	50.0% #BFDCBD	RGB 191 220 189	#BFDCBD
66.7%	66.7% #B3D6B1	RGB 179 214 177	#B3D6B1
83.3%	83.3% #A6D1A5	RGB 166 209 165	#A6D1A5
100.0%	100.0% #9ACC9A	RGB 154 204 154	#9ACC9A

#E6ECE5 #D9E6D7 #CCE1CA #BFDCBD #B3D6B1 #A6D1A5 #9ACC9A

#E6ECE5 - #BFDCBD - #9ACC9A

Codici CSS

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

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