#5E7FA8 - #AAB5C2 | 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 #5E7FA8 a #AAB5C2

#5E7FA8 #AAB5C2

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

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

0.0%	0.0% #5E7FA8	RGB 94 127 168	#5E7FA8
16.7%	16.7% #6A88AC	RGB 106 136 172	#6A88AC
33.3%	33.3% #7791B0	RGB 119 145 176	#7791B0
50.0%	50.0% #849AB5	RGB 132 154 181	#849AB5
66.7%	66.7% #90A3B9	RGB 144 163 185	#90A3B9
83.3%	83.3% #9DACBD	RGB 157 172 189	#9DACBD
100.0%	100.0% #AAB5C2	RGB 170 181 194	#AAB5C2

#5E7FA8 #6A88AC #7791B0 #849AB5 #90A3B9 #9DACBD #AAB5C2

#5E7FA8 - #AAB5C2

Miscela HSV

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

0.0%	0.0% #5E7FA8	RGB 94 127 168	#5E7FA8
16.7%	16.7% #6987AC	RGB 105 135 172	#6987AC
33.3%	33.3% #7590B0	RGB 117 144 176	#7590B0
50.0%	50.0% #8199B5	RGB 129 153 181	#8199B5
66.7%	66.7% #8EA2B9	RGB 142 162 185	#8EA2B9
83.3%	83.3% #9CABBD	RGB 156 171 189	#9CABBD
100.0%	100.0% #AAB5C2	RGB 170 181 194	#AAB5C2

#5E7FA8 #6987AC #7590B0 #8199B5 #8EA2B9 #9CABBD #AAB5C2

#5E7FA8 - #8199B5 - #AAB5C2

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7FA8 0%, #8199B5 50%, #AAB5C2 100%);
    background: -webkit-linear-gradient(top, #5E7FA8 0%, #8199B5 50%, #AAB5C2 100%);
    background: linear-gradient(to bottom, #5E7FA8 0%, #8199B5 50%, #AAB5C2 100%);
}
</style>