#5EBFBA - #D1ECEB | 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 #5EBFBA a #D1ECEB

#5EBFBA #D1ECEB

Calcola il colore tra due colori, #5EBFBA e #D1ECEB. 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)

#5EBFBA - #D1ECEB | 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 #5EBFBA come 0% e #D1ECEB come 100%.

0.0%	0.0% #5EBFBA	RGB 94 191 186	#5EBFBA
16.7%	16.7% #71C6C2	RGB 113 198 194	#71C6C2
33.3%	33.3% #84CECA	RGB 132 206 202	#84CECA
50.0%	50.0% #97D5D2	RGB 151 213 210	#97D5D2
66.7%	66.7% #AADDDA	RGB 170 221 218	#AADDDA
83.3%	83.3% #BDE4E2	RGB 189 228 226	#BDE4E2
100.0%	100.0% #D1ECEB	RGB 209 236 235	#D1ECEB

#5EBFBA #71C6C2 #84CECA #97D5D2 #AADDDA #BDE4E2 #D1ECEB

#5EBFBA - #D1ECEB

Miscela HSV

#5EBFBA - #D1ECEB | 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 #5EBFBA come 0% e #D1ECEB come 100%.

0.0%	0.0% #5EBFBA	RGB 94 191 186	#5EBFBA
16.7%	16.7% #6EC6C2	RGB 110 198 194	#6EC6C2
33.3%	33.3% #80CECA	RGB 128 206 202	#80CECA
50.0%	50.0% #93D5D2	RGB 147 213 210	#93D5D2
66.7%	66.7% #A6DDDA	RGB 166 221 218	#A6DDDA
83.3%	83.3% #BBE4E2	RGB 187 228 226	#BBE4E2
100.0%	100.0% #D1ECEB	RGB 209 236 235	#D1ECEB

#5EBFBA #6EC6C2 #80CECA #93D5D2 #A6DDDA #BBE4E2 #D1ECEB

#5EBFBA - #93D5D2 - #D1ECEB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EBFBA 0%, #93D5D2 50%, #D1ECEB 100%);
    background: -webkit-linear-gradient(top, #5EBFBA 0%, #93D5D2 50%, #D1ECEB 100%);
    background: linear-gradient(to bottom, #5EBFBA 0%, #93D5D2 50%, #D1ECEB 100%);
}
</style>