#5E6A8D - #D1D4DE | 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 #5E6A8D a #D1D4DE

#5E6A8D #D1D4DE

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

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

0.0%	0.0% #5E6A8D	RGB 94 106 141	#5E6A8D
16.7%	16.7% #717B9A	RGB 113 123 154	#717B9A
33.3%	33.3% #848DA8	RGB 132 141 168	#848DA8
50.0%	50.0% #979FB5	RGB 151 159 181	#979FB5
66.7%	66.7% #AAB0C3	RGB 170 176 195	#AAB0C3
83.3%	83.3% #BDC2D0	RGB 189 194 208	#BDC2D0
100.0%	100.0% #D1D4DE	RGB 209 212 222	#D1D4DE

#5E6A8D #717B9A #848DA8 #979FB5 #AAB0C3 #BDC2D0 #D1D4DE

#5E6A8D - #D1D4DE

Miscela HSV

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

0.0%	0.0% #5E6A8D	RGB 94 106 141	#5E6A8D
16.7%	16.7% #6E799A	RGB 110 121 154	#6E799A
33.3%	33.3% #7F89A8	RGB 127 137 168	#7F89A8
50.0%	50.0% #919AB5	RGB 145 154 181	#919AB5
66.7%	66.7% #A5ACC3	RGB 165 172 195	#A5ACC3
83.3%	83.3% #BABFD0	RGB 186 191 208	#BABFD0
100.0%	100.0% #D1D4DE	RGB 209 212 222	#D1D4DE

#5E6A8D #6E799A #7F89A8 #919AB5 #A5ACC3 #BABFD0 #D1D4DE

#5E6A8D - #919AB5 - #D1D4DE

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6A8D 0%, #919AB5 50%, #D1D4DE 100%);
    background: -webkit-linear-gradient(top, #5E6A8D 0%, #919AB5 50%, #D1D4DE 100%);
    background: linear-gradient(to bottom, #5E6A8D 0%, #919AB5 50%, #D1D4DE 100%);
}
</style>