#5E8AFD - #D1DDFE | 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 #5E8AFD a #D1DDFE

#5E8AFD #D1DDFE

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

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

0.0%	0.0% #5E8AFD	RGB 94 138 253	#5E8AFD
16.7%	16.7% #7197FD	RGB 113 151 253	#7197FD
33.3%	33.3% #84A5FD	RGB 132 165 253	#84A5FD
50.0%	50.0% #97B3FD	RGB 151 179 253	#97B3FD
66.7%	66.7% #AAC1FD	RGB 170 193 253	#AAC1FD
83.3%	83.3% #BDCFFD	RGB 189 207 253	#BDCFFD
100.0%	100.0% #D1DDFE	RGB 209 221 254	#D1DDFE

#5E8AFD #7197FD #84A5FD #97B3FD #AAC1FD #BDCFFD #D1DDFE

#5E8AFD - #D1DDFE

Miscela HSV

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

0.0%	0.0% #5E89FD	RGB 94 137 253	#5E89FD
16.7%	16.7% #7197FD	RGB 113 151 253	#7197FD
33.3%	33.3% #84A5FD	RGB 132 165 253	#84A5FD
50.0%	50.0% #97B3FD	RGB 151 179 253	#97B3FD
66.7%	66.7% #AAC1FD	RGB 170 193 253	#AAC1FD
83.3%	83.3% #BDCEFD	RGB 189 206 253	#BDCEFD
100.0%	100.0% #D1DDFE	RGB 209 221 254	#D1DDFE

#5E89FD #7197FD #84A5FD #97B3FD #AAC1FD #BDCEFD #D1DDFE

#5E8AFD - #97B3FD - #D1DDFE

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E89FD 0%, #97B3FD 50%, #D1DDFE 100%);
    background: -webkit-linear-gradient(top, #5E89FD 0%, #97B3FD 50%, #D1DDFE 100%);
    background: linear-gradient(to bottom, #5E89FD 0%, #97B3FD 50%, #D1DDFE 100%);
}
</style>