#5E7BAB - #D1D9E7 | 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 #5E7BAB a #D1D9E7

#5E7BAB #D1D9E7

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

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

0.0%	0.0% #5E7BAB	RGB 94 123 171	#5E7BAB
16.7%	16.7% #718AB5	RGB 113 138 181	#718AB5
33.3%	33.3% #849ABF	RGB 132 154 191	#849ABF
50.0%	50.0% #97AAC9	RGB 151 170 201	#97AAC9
66.7%	66.7% #AAB9D3	RGB 170 185 211	#AAB9D3
83.3%	83.3% #BDC9DD	RGB 189 201 221	#BDC9DD
100.0%	100.0% #D1D9E7	RGB 209 217 231	#D1D9E7

#5E7BAB #718AB5 #849ABF #97AAC9 #AAB9D3 #BDC9DD #D1D9E7

#5E7BAB - #D1D9E7

Miscela HSV

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

0.0%	0.0% #5E7BAB	RGB 94 123 171	#5E7BAB
16.7%	16.7% #6E88B5	RGB 110 136 181	#6E88B5
33.3%	33.3% #7F97BF	RGB 127 151 191	#7F97BF
50.0%	50.0% #92A6C9	RGB 146 166 201	#92A6C9
66.7%	66.7% #A5B6D3	RGB 165 182 211	#A5B6D3
83.3%	83.3% #BAC7DD	RGB 186 199 221	#BAC7DD
100.0%	100.0% #D1D9E7	RGB 209 217 231	#D1D9E7

#5E7BAB #6E88B5 #7F97BF #92A6C9 #A5B6D3 #BAC7DD #D1D9E7

#5E7BAB - #92A6C9 - #D1D9E7

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7BAB 0%, #92A6C9 50%, #D1D9E7 100%);
    background: -webkit-linear-gradient(top, #5E7BAB 0%, #92A6C9 50%, #D1D9E7 100%);
    background: linear-gradient(to bottom, #5E7BAB 0%, #92A6C9 50%, #D1D9E7 100%);
}
</style>