#5E9DBC - #D1E2EB | 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 #5E9DBC a #D1E2EB

#5E9DBC #D1E2EB

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

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

0.0%	0.0% #5E9DBC	RGB 94 157 188	#5E9DBC
16.7%	16.7% #71A8C3	RGB 113 168 195	#71A8C3
33.3%	33.3% #84B4CB	RGB 132 180 203	#84B4CB
50.0%	50.0% #97BFD3	RGB 151 191 211	#97BFD3
66.7%	66.7% #AACBDB	RGB 170 203 219	#AACBDB
83.3%	83.3% #BDD6E3	RGB 189 214 227	#BDD6E3
100.0%	100.0% #D1E2EB	RGB 209 226 235	#D1E2EB

#5E9DBC #71A8C3 #84B4CB #97BFD3 #AACBDB #BDD6E3 #D1E2EB

#5E9DBC - #D1E2EB

Miscela HSV

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

0.0%	0.0% #5E9DBC	RGB 94 157 188	#5E9DBC
16.7%	16.7% #6EA7C3	RGB 110 167 195	#6EA7C3
33.3%	33.3% #80B2CB	RGB 128 178 203	#80B2CB
50.0%	50.0% #92BDD3	RGB 146 189 211	#92BDD3
66.7%	66.7% #A6C9DB	RGB 166 201 219	#A6C9DB
83.3%	83.3% #BBD5E3	RGB 187 213 227	#BBD5E3
100.0%	100.0% #D1E2EB	RGB 209 226 235	#D1E2EB

#5E9DBC #6EA7C3 #80B2CB #92BDD3 #A6C9DB #BBD5E3 #D1E2EB

#5E9DBC - #92BDD3 - #D1E2EB

Codici CSS

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

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