#5E80B8 - #A1BAD0 | 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 #5E80B8 a #A1BAD0

#5E80B8 #A1BAD0

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

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

0.0%	0.0% #5E80B8	RGB 94 128 184	#5E80B8
16.7%	16.7% #6989BC	RGB 105 137 188	#6989BC
33.3%	33.3% #7493C0	RGB 116 147 192	#7493C0
50.0%	50.0% #7F9DC4	RGB 127 157 196	#7F9DC4
66.7%	66.7% #8AA6C8	RGB 138 166 200	#8AA6C8
83.3%	83.3% #95B0CC	RGB 149 176 204	#95B0CC
100.0%	100.0% #A1BAD0	RGB 161 186 208	#A1BAD0

#5E80B8 #6989BC #7493C0 #7F9DC4 #8AA6C8 #95B0CC #A1BAD0

#5E80B8 - #A1BAD0

Miscela HSV

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

0.0%	0.0% #5E80B8	RGB 94 128 184	#5E80B8
16.7%	16.7% #688ABC	RGB 104 138 188	#688ABC
33.3%	33.3% #7294C0	RGB 114 148 192	#7294C0
50.0%	50.0% #7D9DC4	RGB 125 157 196	#7D9DC4
66.7%	66.7% #89A7C8	RGB 137 167 200	#89A7C8
83.3%	83.3% #94B0CC	RGB 148 176 204	#94B0CC
100.0%	100.0% #A1BAD0	RGB 161 186 208	#A1BAD0

#5E80B8 #688ABC #7294C0 #7D9DC4 #89A7C8 #94B0CC #A1BAD0

#5E80B8 - #7D9DC4 - #A1BAD0

Codici CSS

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

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