#5E86AD - #A6DBA5 | 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 #5E86AD a #A6DBA5

#5E86AD #A6DBA5

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

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

0.0%	0.0% #5E86AD	RGB 94 134 173	#5E86AD
16.7%	16.7% #6A94AB	RGB 106 148 171	#6A94AB
33.3%	33.3% #76A2AA	RGB 118 162 170	#76A2AA
50.0%	50.0% #82B0A9	RGB 130 176 169	#82B0A9
66.7%	66.7% #8EBEA7	RGB 142 190 167	#8EBEA7
83.3%	83.3% #9ACCA6	RGB 154 204 166	#9ACCA6
100.0%	100.0% #A6DBA5	RGB 166 219 165	#A6DBA5

#5E86AD #6A94AB #76A2AA #82B0A9 #8EBEA7 #9ACCA6 #A6DBA5

#5E86AD - #A6DBA5

Miscela HSV

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

0.0%	0.0% #5E86AD	RGB 94 134 173	#5E86AD
16.7%	16.7% #68A2B4	RGB 104 162 180	#68A2B4
33.3%	33.3% #73BCBB	RGB 115 188 187	#73BCBB
50.0%	50.0% #7FC4B1	RGB 127 196 177	#7FC4B1
66.7%	66.7% #8BCBAA	RGB 139 203 170	#8BCBAA
83.3%	83.3% #97D3A5	RGB 151 211 165	#97D3A5
100.0%	100.0% #A6DBA5	RGB 166 219 165	#A6DBA5

#5E86AD #68A2B4 #73BCBB #7FC4B1 #8BCBAA #97D3A5 #A6DBA5

#5E86AD - #7FC4B1 - #A6DBA5

Codici CSS

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

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