#E5E6E5 - #9CB2BE | 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 #E5E6E5 a #9CB2BE

#E5E6E5 #9CB2BE

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

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

0.0%	0.0% #E5E6E5	RGB 229 230 229	#E5E6E5
16.7%	16.7% #D8DDDE	RGB 216 221 222	#D8DDDE
33.3%	33.3% #CCD4D8	RGB 204 212 216	#CCD4D8
50.0%	50.0% #C0CCD1	RGB 192 204 209	#C0CCD1
66.7%	66.7% #B4C3CB	RGB 180 195 203	#B4C3CB
83.3%	83.3% #A8BAC4	RGB 168 186 196	#A8BAC4
100.0%	100.0% #9CB2BE	RGB 156 178 190	#9CB2BE

#E5E6E5 #D8DDDE #CCD4D8 #C0CCD1 #B4C3CB #A8BAC4 #9CB2BE

#E5E6E5 - #9CB2BE

Miscela HSV

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

0.0%	0.0% #E5E6E5	RGB 229 230 229	#E5E6E5
16.7%	16.7% #D7DFD9	RGB 215 223 217	#D7DFD9
33.3%	33.3% #CBD8D1	RGB 203 216 209	#CBD8D1
50.0%	50.0% #BED2CB	RGB 190 210 203	#BED2CB
66.7%	66.7% #B2CBC8	RGB 178 203 200	#B2CBC8
83.3%	83.3% #A7C0C4	RGB 167 192 196	#A7C0C4
100.0%	100.0% #9CB2BE	RGB 156 178 190	#9CB2BE

#E5E6E5 #D7DFD9 #CBD8D1 #BED2CB #B2CBC8 #A7C0C4 #9CB2BE

#E5E6E5 - #BED2CB - #9CB2BE

Codici CSS

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

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