#00A2FF - #0059CF | 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 #00A2FF a #0059CF

#00A2FF #0059CF

Calcola il colore tra due colori, #00A2FF e #0059CF. 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)

#00A2FF - #0059CF | 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 #00A2FF come 0% e #0059CF come 100%.

0.0%	0.0% #00A2FF	RGB 0 162 255	#00A2FF
16.7%	16.7% #0095F7	RGB 0 149 247	#0095F7
33.3%	33.3% #0089EF	RGB 0 137 239	#0089EF
50.0%	50.0% #007DE7	RGB 0 125 231	#007DE7
66.7%	66.7% #0071DF	RGB 0 113 223	#0071DF
83.3%	83.3% #0065D7	RGB 0 101 215	#0065D7
100.0%	100.0% #0059CF	RGB 0 89 207	#0059CF

#00A2FF #0095F7 #0089EF #007DE7 #0071DF #0065D7 #0059CF

#00A2FF - #0059CF

Miscela HSV

#00A2FF - #0059CF | 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 #00A2FF come 0% e #0059CF come 100%.

0.0%	0.0% #00A1FF	RGB 0 161 255	#00A1FF
16.7%	16.7% #0094F7	RGB 0 148 247	#0094F7
33.3%	33.3% #0087EF	RGB 0 135 239	#0087EF
50.0%	50.0% #007BE7	RGB 0 123 231	#007BE7
66.7%	66.7% #006FDF	RGB 0 111 223	#006FDF
83.3%	83.3% #0063D7	RGB 0 99 215	#0063D7
100.0%	100.0% #0059CF	RGB 0 89 207	#0059CF

#00A1FF #0094F7 #0087EF #007BE7 #006FDF #0063D7 #0059CF

#00A2FF - #007BE7 - #0059CF

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A1FF 0%, #007BE7 50%, #0059CF 100%);
    background: -webkit-linear-gradient(top, #00A1FF 0%, #007BE7 50%, #0059CF 100%);
    background: linear-gradient(to bottom, #00A1FF 0%, #007BE7 50%, #0059CF 100%);
}
</style>