#8DBC5E - #4A8C1C | 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 #8DBC5E a #4A8C1C

#8DBC5E #4A8C1C

Calcola il colore tra due colori, #8DBC5E e #4A8C1C. 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)

#8DBC5E - #4A8C1C | 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 #8DBC5E come 0% e #4A8C1C come 100%.

0.0%	0.0% #8DBC5E	RGB 141 188 94	#8DBC5E
16.7%	16.7% #81B453	RGB 129 180 83	#81B453
33.3%	33.3% #76AC48	RGB 118 172 72	#76AC48
50.0%	50.0% #6BA43D	RGB 107 164 61	#6BA43D
66.7%	66.7% #609C32	RGB 96 156 50	#609C32
83.3%	83.3% #559427	RGB 85 148 39	#559427
100.0%	100.0% #4A8C1C	RGB 74 140 28	#4A8C1C

#8DBC5E #81B453 #76AC48 #6BA43D #609C32 #559427 #4A8C1C

#8DBC5E - #4A8C1C

Miscela HSV

#8DBC5E - #4A8C1C | 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 #8DBC5E come 0% e #4A8C1C come 100%.

0.0%	0.0% #8DBC5E	RGB 141 188 94	#8DBC5E
16.7%	16.7% #81B451	RGB 129 180 81	#81B451
33.3%	33.3% #75AC44	RGB 117 172 68	#75AC44
50.0%	50.0% #69A439	RGB 105 164 57	#69A439
66.7%	66.7% #5E9C2E	RGB 94 156 46	#5E9C2E
83.3%	83.3% #549425	RGB 84 148 37	#549425
100.0%	100.0% #4A8C1C	RGB 74 140 28	#4A8C1C

#8DBC5E #81B451 #75AC44 #69A439 #5E9C2E #549425 #4A8C1C

#8DBC5E - #69A439 - #4A8C1C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8DBC5E 0%, #69A439 50%, #4A8C1C 100%);
    background: -webkit-linear-gradient(top, #8DBC5E 0%, #69A439 50%, #4A8C1C 100%);
    background: linear-gradient(to bottom, #8DBC5E 0%, #69A439 50%, #4A8C1C 100%);
}
</style>