#078C3C - #005D0D | 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 #078C3C a #005D0D

#078C3C #005D0D

Calcola il colore tra due colori, #078C3C e #005D0D. 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)

#078C3C - #005D0D | 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 #078C3C come 0% e #005D0D come 100%.

0.0%	0.0% #078C3C	RGB 7 140 60	#078C3C
16.7%	16.7% #058434	RGB 5 132 52	#058434
33.3%	33.3% #047C2C	RGB 4 124 44	#047C2C
50.0%	50.0% #037424	RGB 3 116 36	#037424
66.7%	66.7% #026C1C	RGB 2 108 28	#026C1C
83.3%	83.3% #016414	RGB 1 100 20	#016414
100.0%	100.0% #005D0D	RGB 0 93 13	#005D0D

#078C3C #058434 #047C2C #037424 #026C1C #016414 #005D0D

#078C3C - #005D0D

Miscela HSV

#078C3C - #005D0D | 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 #078C3C come 0% e #005D0D come 100%.

0.0%	0.0% #078C3C	RGB 7 140 60	#078C3C
16.7%	16.7% #058432	RGB 5 132 50	#058432
33.3%	33.3% #047C29	RGB 4 124 41	#047C29
50.0%	50.0% #027421	RGB 2 116 33	#027421
66.7%	66.7% #016C19	RGB 1 108 25	#016C19
83.3%	83.3% #006413	RGB 0 100 19	#006413
100.0%	100.0% #005D0D	RGB 0 93 13	#005D0D

#078C3C #058432 #047C29 #027421 #016C19 #006413 #005D0D

#078C3C - #027421 - #005D0D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #078C3C 0%, #027421 50%, #005D0D 100%);
    background: -webkit-linear-gradient(top, #078C3C 0%, #027421 50%, #005D0D 100%);
    background: linear-gradient(to bottom, #078C3C 0%, #027421 50%, #005D0D 100%);
}
</style>