#5E81A2 - #D1DBE4 | 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 #5E81A2 a #D1DBE4

#5E81A2 #D1DBE4

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

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

0.0%	0.0% #5E81A2	RGB 94 129 162	#5E81A2
16.7%	16.7% #7190AD	RGB 113 144 173	#7190AD
33.3%	33.3% #849FB8	RGB 132 159 184	#849FB8
50.0%	50.0% #97AEC3	RGB 151 174 195	#97AEC3
66.7%	66.7% #AABDCE	RGB 170 189 206	#AABDCE
83.3%	83.3% #BDCCD9	RGB 189 204 217	#BDCCD9
100.0%	100.0% #D1DBE4	RGB 209 219 228	#D1DBE4

#5E81A2 #7190AD #849FB8 #97AEC3 #AABDCE #BDCCD9 #D1DBE4

#5E81A2 - #D1DBE4

Miscela HSV

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

0.0%	0.0% #5E80A2	RGB 94 128 162	#5E80A2
16.7%	16.7% #6E8EAD	RGB 110 142 173	#6E8EAD
33.3%	33.3% #7F9CB8	RGB 127 156 184	#7F9CB8
50.0%	50.0% #91ABC3	RGB 145 171 195	#91ABC3
66.7%	66.7% #A5BACE	RGB 165 186 206	#A5BACE
83.3%	83.3% #BACAD9	RGB 186 202 217	#BACAD9
100.0%	100.0% #D1DBE4	RGB 209 219 228	#D1DBE4

#5E80A2 #6E8EAD #7F9CB8 #91ABC3 #A5BACE #BACAD9 #D1DBE4

#5E81A2 - #91ABC3 - #D1DBE4

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E80A2 0%, #91ABC3 50%, #D1DBE4 100%);
    background: -webkit-linear-gradient(top, #5E80A2 0%, #91ABC3 50%, #D1DBE4 100%);
    background: linear-gradient(to bottom, #5E80A2 0%, #91ABC3 50%, #D1DBE4 100%);
}
</style>