#5E9FBD - #D1E3EC | 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 #5E9FBD a #D1E3EC

#5E9FBD #D1E3EC

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

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

0.0%	0.0% #5E9FBD	RGB 94 159 189	#5E9FBD
16.7%	16.7% #71AAC4	RGB 113 170 196	#71AAC4
33.3%	33.3% #84B5CC	RGB 132 181 204	#84B5CC
50.0%	50.0% #97C1D4	RGB 151 193 212	#97C1D4
66.7%	66.7% #AACCDC	RGB 170 204 220	#AACCDC
83.3%	83.3% #BDD7E4	RGB 189 215 228	#BDD7E4
100.0%	100.0% #D1E3EC	RGB 209 227 236	#D1E3EC

#5E9FBD #71AAC4 #84B5CC #97C1D4 #AACCDC #BDD7E4 #D1E3EC

#5E9FBD - #D1E3EC

Miscela HSV

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

0.0%	0.0% #5E9FBD	RGB 94 159 189	#5E9FBD
16.7%	16.7% #6EA9C4	RGB 110 169 196	#6EA9C4
33.3%	33.3% #80B4CC	RGB 128 180 204	#80B4CC
50.0%	50.0% #92BFD4	RGB 146 191 212	#92BFD4
66.7%	66.7% #A6CADC	RGB 166 202 220	#A6CADC
83.3%	83.3% #BBD6E4	RGB 187 214 228	#BBD6E4
100.0%	100.0% #D1E3EC	RGB 209 227 236	#D1E3EC

#5E9FBD #6EA9C4 #80B4CC #92BFD4 #A6CADC #BBD6E4 #D1E3EC

#5E9FBD - #92BFD4 - #D1E3EC

Codici CSS

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

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