#EDF1EE - #ABC6B1 | 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 #EDF1EE a #ABC6B1

#EDF1EE #ABC6B1

Calcola il colore tra due colori, #EDF1EE e #ABC6B1. 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)

#EDF1EE - #ABC6B1 | 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 #EDF1EE come 0% e #ABC6B1 come 100%.

0.0%	0.0% #EDF1EE	RGB 237 241 238	#EDF1EE
16.7%	16.7% #E2E9E3	RGB 226 233 227	#E2E9E3
33.3%	33.3% #D7E2D9	RGB 215 226 217	#D7E2D9
50.0%	50.0% #CCDBCF	RGB 204 219 207	#CCDBCF
66.7%	66.7% #C1D4C5	RGB 193 212 197	#C1D4C5
83.3%	83.3% #B6CDBB	RGB 182 205 187	#B6CDBB
100.0%	100.0% #ABC6B1	RGB 171 198 177	#ABC6B1

#EDF1EE #E2E9E3 #D7E2D9 #CCDBCF #C1D4C5 #B6CDBB #ABC6B1

#EDF1EE - #ABC6B1

Miscela HSV

#EDF1EE - #ABC6B1 | 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 #EDF1EE come 0% e #ABC6B1 come 100%.

0.0%	0.0% #EDF1EE	RGB 237 241 238	#EDF1EE
16.7%	16.7% #E1E9E3	RGB 225 233 227	#E1E9E3
33.3%	33.3% #D5E2D8	RGB 213 226 216	#D5E2D8
50.0%	50.0% #CADBCE	RGB 202 219 206	#CADBCE
66.7%	66.7% #BFD4C4	RGB 191 212 196	#BFD4C4
83.3%	83.3% #B5CDBA	RGB 181 205 186	#B5CDBA
100.0%	100.0% #ABC6B1	RGB 171 198 177	#ABC6B1

#EDF1EE #E1E9E3 #D5E2D8 #CADBCE #BFD4C4 #B5CDBA #ABC6B1

#EDF1EE - #CADBCE - #ABC6B1

Codici CSS

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

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