#5E6BBD - #D1D4EC | 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 #5E6BBD a #D1D4EC

#5E6BBD #D1D4EC

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

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

0.0%	0.0% #5E6BBD	RGB 94 107 189	#5E6BBD
16.7%	16.7% #717CC4	RGB 113 124 196	#717CC4
33.3%	33.3% #848ECC	RGB 132 142 204	#848ECC
50.0%	50.0% #979FD4	RGB 151 159 212	#979FD4
66.7%	66.7% #AAB1DC	RGB 170 177 220	#AAB1DC
83.3%	83.3% #BDC2E4	RGB 189 194 228	#BDC2E4
100.0%	100.0% #D1D4EC	RGB 209 212 236	#D1D4EC

#5E6BBD #717CC4 #848ECC #979FD4 #AAB1DC #BDC2E4 #D1D4EC

#5E6BBD - #D1D4EC

Miscela HSV

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

0.0%	0.0% #5E6BBD	RGB 94 107 189	#5E6BBD
16.7%	16.7% #6E7AC4	RGB 110 122 196	#6E7AC4
33.3%	33.3% #808ACC	RGB 128 138 204	#808ACC
50.0%	50.0% #929BD4	RGB 146 155 212	#929BD4
66.7%	66.7% #A6ADDC	RGB 166 173 220	#A6ADDC
83.3%	83.3% #BBC0E4	RGB 187 192 228	#BBC0E4
100.0%	100.0% #D1D4EC	RGB 209 212 236	#D1D4EC

#5E6BBD #6E7AC4 #808ACC #929BD4 #A6ADDC #BBC0E4 #D1D4EC

#5E6BBD - #929BD4 - #D1D4EC

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6BBD 0%, #929BD4 50%, #D1D4EC 100%);
    background: -webkit-linear-gradient(top, #5E6BBD 0%, #929BD4 50%, #D1D4EC 100%);
    background: linear-gradient(to bottom, #5E6BBD 0%, #929BD4 50%, #D1D4EC 100%);
}
</style>