#06C92C - #01390C | 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 #06C92C a #01390C

#06C92C #01390C

Calcola il colore tra due colori, #06C92C e #01390C. 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)

#06C92C - #01390C | 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 #06C92C come 0% e #01390C come 100%.

0.0%	0.0% #06C92C	RGB 6 201 44	#06C92C
16.7%	16.7% #05B126	RGB 5 177 38	#05B126
33.3%	33.3% #049921	RGB 4 153 33	#049921
50.0%	50.0% #03811C	RGB 3 129 28	#03811C
66.7%	66.7% #026916	RGB 2 105 22	#026916
83.3%	83.3% #015111	RGB 1 81 17	#015111
100.0%	100.0% #01390C	RGB 1 57 12	#01390C

#06C92C #05B126 #049921 #03811C #026916 #015111 #01390C

#06C92C - #01390C

Miscela HSV

#06C92C - #01390C | 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 #06C92C come 0% e #01390C come 100%.

0.0%	0.0% #05C92C	RGB 5 201 44	#05C92C
16.7%	16.7% #04B126	RGB 4 177 38	#04B126
33.3%	33.3% #039921	RGB 3 153 33	#039921
50.0%	50.0% #03811B	RGB 3 129 27	#03811B
66.7%	66.7% #026916	RGB 2 105 22	#026916
83.3%	83.3% #015111	RGB 1 81 17	#015111
100.0%	100.0% #01390C	RGB 1 57 12	#01390C

#05C92C #04B126 #039921 #03811B #026916 #015111 #01390C

#06C92C - #03811B - #01390C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #05C92C 0%, #03811B 50%, #01390C 100%);
    background: -webkit-linear-gradient(top, #05C92C 0%, #03811B 50%, #01390C 100%);
    background: linear-gradient(to bottom, #05C92C 0%, #03811B 50%, #01390C 100%);
}
</style>