#00551B - #68AF5E | 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 #00551B a #68AF5E

#00551B #68AF5E

Calcola il colore tra due colori, #00551B e #68AF5E. 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)

#00551B - #68AF5E | 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 #00551B come 0% e #68AF5E come 100%.

0.0%	0.0% #00551B	RGB 0 85 27	#00551B
16.7%	16.7% #116426	RGB 17 100 38	#116426
33.3%	33.3% #227331	RGB 34 115 49	#227331
50.0%	50.0% #34823C	RGB 52 130 60	#34823C
66.7%	66.7% #459147	RGB 69 145 71	#459147
83.3%	83.3% #56A052	RGB 86 160 82	#56A052
100.0%	100.0% #68AF5E	RGB 104 175 94	#68AF5E

#00551B #116426 #227331 #34823C #459147 #56A052 #68AF5E

#00551B - #68AF5E

Miscela HSV

#00551B - #68AF5E | 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 #00551B come 0% e #68AF5E come 100%.

0.0%	0.0% #00551B	RGB 0 85 27	#00551B
16.7%	16.7% #08641F	RGB 8 100 31	#08641F
33.3%	33.3% #147324	RGB 20 115 36	#147324
50.0%	50.0% #22822C	RGB 34 130 44	#22822C
66.7%	66.7% #339136	RGB 51 145 54	#339136
83.3%	83.3% #4CA047	RGB 76 160 71	#4CA047
100.0%	100.0% #68AF5E	RGB 104 175 94	#68AF5E

#00551B #08641F #147324 #22822C #339136 #4CA047 #68AF5E

#00551B - #22822C - #68AF5E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00551B 0%, #22822C 50%, #68AF5E 100%);
    background: -webkit-linear-gradient(top, #00551B 0%, #22822C 50%, #68AF5E 100%);
    background: linear-gradient(to bottom, #00551B 0%, #22822C 50%, #68AF5E 100%);
}
</style>