#5E9AD2 - #BED2DA | 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 #5E9AD2 a #BED2DA

#5E9AD2 #BED2DA

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

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

0.0%	0.0% #5E9AD2	RGB 94 154 210	#5E9AD2
16.7%	16.7% #6EA3D3	RGB 110 163 211	#6EA3D3
33.3%	33.3% #7EACD4	RGB 126 172 212	#7EACD4
50.0%	50.0% #8EB6D6	RGB 142 182 214	#8EB6D6
66.7%	66.7% #9EBFD7	RGB 158 191 215	#9EBFD7
83.3%	83.3% #AEC8D8	RGB 174 200 216	#AEC8D8
100.0%	100.0% #BED2DA	RGB 190 210 218	#BED2DA

#5E9AD2 #6EA3D3 #7EACD4 #8EB6D6 #9EBFD7 #AEC8D8 #BED2DA

#5E9AD2 - #BED2DA

Miscela HSV

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

0.0%	0.0% #5E9AD2	RGB 94 154 210	#5E9AD2
16.7%	16.7% #6DA5D3	RGB 109 165 211	#6DA5D3
33.3%	33.3% #7DB0D4	RGB 125 176 212	#7DB0D4
50.0%	50.0% #8DBAD6	RGB 141 186 214	#8DBAD6
66.7%	66.7% #9DC2D7	RGB 157 194 215	#9DC2D7
83.3%	83.3% #ADCAD8	RGB 173 202 216	#ADCAD8
100.0%	100.0% #BED2DA	RGB 190 210 218	#BED2DA

#5E9AD2 #6DA5D3 #7DB0D4 #8DBAD6 #9DC2D7 #ADCAD8 #BED2DA

#5E9AD2 - #8DBAD6 - #BED2DA

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9AD2 0%, #8DBAD6 50%, #BED2DA 100%);
    background: -webkit-linear-gradient(top, #5E9AD2 0%, #8DBAD6 50%, #BED2DA 100%);
    background: linear-gradient(to bottom, #5E9AD2 0%, #8DBAD6 50%, #BED2DA 100%);
}
</style>