#5EAB9F - #7ECFFB | 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 #5EAB9F a #7ECFFB

#5EAB9F #7ECFFB

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

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

0.0%	0.0% #5EAB9F	RGB 94 171 159	#5EAB9F
16.7%	16.7% #63B1AE	RGB 99 177 174	#63B1AE
33.3%	33.3% #68B7BD	RGB 104 183 189	#68B7BD
50.0%	50.0% #6EBDCD	RGB 110 189 205	#6EBDCD
66.7%	66.7% #73C3DC	RGB 115 195 220	#73C3DC
83.3%	83.3% #78C9EB	RGB 120 201 235	#78C9EB
100.0%	100.0% #7ECFFB	RGB 126 207 251	#7ECFFB

#5EAB9F #63B1AE #68B7BD #6EBDCD #73C3DC #78C9EB #7ECFFB

#5EAB9F - #7ECFFB

Miscela HSV

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

0.0%	0.0% #5EAB9F	RGB 94 171 159	#5EAB9F
16.7%	16.7% #63B8B2	RGB 99 184 178	#63B8B2
33.3%	33.3% #69C4C5	RGB 105 196 197	#69C4C5
50.0%	50.0% #6EC9D3	RGB 110 201 211	#6EC9D3
66.7%	66.7% #74CCE0	RGB 116 204 224	#74CCE0
83.3%	83.3% #79CEED	RGB 121 206 237	#79CEED
100.0%	100.0% #7ECFFB	RGB 126 207 251	#7ECFFB

#5EAB9F #63B8B2 #69C4C5 #6EC9D3 #74CCE0 #79CEED #7ECFFB

#5EAB9F - #6EC9D3 - #7ECFFB

Codici CSS

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

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