#5E69A8 - #AAAEC2 | 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 #5E69A8 a #AAAEC2

#5E69A8 #AAAEC2

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

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

0.0%	0.0% #5E69A8	RGB 94 105 168	#5E69A8
16.7%	16.7% #6A74AC	RGB 106 116 172	#6A74AC
33.3%	33.3% #7780B0	RGB 119 128 176	#7780B0
50.0%	50.0% #848BB5	RGB 132 139 181	#848BB5
66.7%	66.7% #9097B9	RGB 144 151 185	#9097B9
83.3%	83.3% #9DA2BD	RGB 157 162 189	#9DA2BD
100.0%	100.0% #AAAEC2	RGB 170 174 194	#AAAEC2

#5E69A8 #6A74AC #7780B0 #848BB5 #9097B9 #9DA2BD #AAAEC2

#5E69A8 - #AAAEC2

Miscela HSV

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

0.0%	0.0% #5E69A8	RGB 94 105 168	#5E69A8
16.7%	16.7% #6973AC	RGB 105 115 172	#6973AC
33.3%	33.3% #757EB0	RGB 117 126 176	#757EB0
50.0%	50.0% #8189B5	RGB 129 137 181	#8189B5
66.7%	66.7% #8E95B9	RGB 142 149 185	#8E95B9
83.3%	83.3% #9CA1BD	RGB 156 161 189	#9CA1BD
100.0%	100.0% #AAAEC2	RGB 170 174 194	#AAAEC2

#5E69A8 #6973AC #757EB0 #8189B5 #8E95B9 #9CA1BD #AAAEC2

#5E69A8 - #8189B5 - #AAAEC2

Codici CSS

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

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