#5EAA9F - #7CCEFB | 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 #5EAA9F a #7CCEFB

#5EAA9F #7CCEFB

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

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

0.0%	0.0% #5EAA9F	RGB 94 170 159	#5EAA9F
16.7%	16.7% #63B0AE	RGB 99 176 174	#63B0AE
33.3%	33.3% #68B6BD	RGB 104 182 189	#68B6BD
50.0%	50.0% #6DBCCD	RGB 109 188 205	#6DBCCD
66.7%	66.7% #72C2DC	RGB 114 194 220	#72C2DC
83.3%	83.3% #77C8EB	RGB 119 200 235	#77C8EB
100.0%	100.0% #7CCEFB	RGB 124 206 251	#7CCEFB

#5EAA9F #63B0AE #68B6BD #6DBCCD #72C2DC #77C8EB #7CCEFB

#5EAA9F - #7CCEFB

Miscela HSV

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

0.0%	0.0% #5EAA9F	RGB 94 170 159	#5EAA9F
16.7%	16.7% #63B7B2	RGB 99 183 178	#63B7B2
33.3%	33.3% #69C3C5	RGB 105 195 197	#69C3C5
50.0%	50.0% #6EC7D2	RGB 110 199 210	#6EC7D2
66.7%	66.7% #73CBE0	RGB 115 203 224	#73CBE0
83.3%	83.3% #77CDED	RGB 119 205 237	#77CDED
100.0%	100.0% #7CCEFB	RGB 124 206 251	#7CCEFB

#5EAA9F #63B7B2 #69C3C5 #6EC7D2 #73CBE0 #77CDED #7CCEFB

#5EAA9F - #6EC7D2 - #7CCEFB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EAA9F 0%, #6EC7D2 50%, #7CCEFB 100%);
    background: -webkit-linear-gradient(top, #5EAA9F 0%, #6EC7D2 50%, #7CCEFB 100%);
    background: linear-gradient(to bottom, #5EAA9F 0%, #6EC7D2 50%, #7CCEFB 100%);
}
</style>