#00A2EB - #0358A8 | 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 #00A2EB a #0358A8

#00A2EB #0358A8

Calcola il colore tra due colori, #00A2EB e #0358A8. 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)

#00A2EB - #0358A8 | 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 #00A2EB come 0% e #0358A8 come 100%.

0.0%	0.0% #00A2EB	RGB 0 162 235	#00A2EB
16.7%	16.7% #0095DF	RGB 0 149 223	#0095DF
33.3%	33.3% #0189D4	RGB 1 137 212	#0189D4
50.0%	50.0% #017DC9	RGB 1 125 201	#017DC9
66.7%	66.7% #0270BE	RGB 2 112 190	#0270BE
83.3%	83.3% #0264B3	RGB 2 100 179	#0264B3
100.0%	100.0% #0358A8	RGB 3 88 168	#0358A8

#00A2EB #0095DF #0189D4 #017DC9 #0270BE #0264B3 #0358A8

#00A2EB - #0358A8

Miscela HSV

#00A2EB - #0358A8 | 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 #00A2EB come 0% e #0358A8 come 100%.

0.0%	0.0% #00A1EB	RGB 0 161 235	#00A1EB
16.7%	16.7% #0094DF	RGB 0 148 223	#0094DF
33.3%	33.3% #0186D4	RGB 1 134 212	#0186D4
50.0%	50.0% #017AC9	RGB 1 122 201	#017AC9
66.7%	66.7% #026EBE	RGB 2 110 190	#026EBE
83.3%	83.3% #0262B3	RGB 2 98 179	#0262B3
100.0%	100.0% #0358A8	RGB 3 88 168	#0358A8

#00A1EB #0094DF #0186D4 #017AC9 #026EBE #0262B3 #0358A8

#00A2EB - #017AC9 - #0358A8

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A1EB 0%, #017AC9 50%, #0358A8 100%);
    background: -webkit-linear-gradient(top, #00A1EB 0%, #017AC9 50%, #0358A8 100%);
    background: linear-gradient(to bottom, #00A1EB 0%, #017AC9 50%, #0358A8 100%);
}
</style>