#5E9CEB - #B0D3E9 | 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 #5E9CEB a #B0D3E9

#5E9CEB #B0D3E9

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

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

0.0%	0.0% #5E9CEB	RGB 94 156 235	#5E9CEB
16.7%	16.7% #6BA5EA	RGB 107 165 234	#6BA5EA
33.3%	33.3% #79AEEA	RGB 121 174 234	#79AEEA
50.0%	50.0% #87B7EA	RGB 135 183 234	#87B7EA
66.7%	66.7% #94C0E9	RGB 148 192 233	#94C0E9
83.3%	83.3% #A2C9E9	RGB 162 201 233	#A2C9E9
100.0%	100.0% #B0D3E9	RGB 176 211 233	#B0D3E9

#5E9CEB #6BA5EA #79AEEA #87B7EA #94C0E9 #A2C9E9 #B0D3E9

#5E9CEB - #B0D3E9

Miscela HSV

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

0.0%	0.0% #5E9BEB	RGB 94 155 235	#5E9BEB
16.7%	16.7% #6BA7EA	RGB 107 167 234	#6BA7EA
33.3%	33.3% #79B1EA	RGB 121 177 234	#79B1EA
50.0%	50.0% #87BBEA	RGB 135 187 234	#87BBEA
66.7%	66.7% #94C3E9	RGB 148 195 233	#94C3E9
83.3%	83.3% #A2CBE9	RGB 162 203 233	#A2CBE9
100.0%	100.0% #B0D3E9	RGB 176 211 233	#B0D3E9

#5E9BEB #6BA7EA #79B1EA #87BBEA #94C3E9 #A2CBE9 #B0D3E9

#5E9CEB - #87BBEA - #B0D3E9

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9BEB 0%, #87BBEA 50%, #B0D3E9 100%);
    background: -webkit-linear-gradient(top, #5E9BEB 0%, #87BBEA 50%, #B0D3E9 100%);
    background: linear-gradient(to bottom, #5E9BEB 0%, #87BBEA 50%, #B0D3E9 100%);
}
</style>