#062B05 - #001E03 | 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 #062B05 a #001E03

#062B05 #001E03

Calcola il colore tra due colori, #062B05 e #001E03. 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)

#062B05 - #001E03 | 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 #062B05 come 0% e #001E03 come 100%.

0.0%	0.0% #062B05	RGB 6 43 5	#062B05
16.7%	16.7% #052804	RGB 5 40 4	#052804
33.3%	33.3% #042604	RGB 4 38 4	#042604
50.0%	50.0% #032404	RGB 3 36 4	#032404
66.7%	66.7% #022203	RGB 2 34 3	#022203
83.3%	83.3% #012003	RGB 1 32 3	#012003
100.0%	100.0% #001E03	RGB 0 30 3	#001E03

#062B05 #052804 #042604 #032404 #022203 #012003 #001E03

#062B05 - #001E03

Miscela HSV

#062B05 - #001E03 | 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 #062B05 come 0% e #001E03 come 100%.

0.0%	0.0% #062B05	RGB 6 43 5	#062B05
16.7%	16.7% #042803	RGB 4 40 3	#042803
33.3%	33.3% #022603	RGB 2 38 3	#022603
50.0%	50.0% #022403	RGB 2 36 3	#022403
66.7%	66.7% #012203	RGB 1 34 3	#012203
83.3%	83.3% #002003	RGB 0 32 3	#002003
100.0%	100.0% #001E03	RGB 0 30 3	#001E03

#062B05 #042803 #022603 #022403 #012203 #002003 #001E03

#062B05 - #022403 - #001E03

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #062B05 0%, #022403 50%, #001E03 100%);
    background: -webkit-linear-gradient(top, #062B05 0%, #022403 50%, #001E03 100%);
    background: linear-gradient(to bottom, #062B05 0%, #022403 50%, #001E03 100%);
}
</style>