#5EAF6B - #1F6E3D | 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 #5EAF6B a #1F6E3D

#5EAF6B #1F6E3D

Calcola il colore tra due colori, #5EAF6B e #1F6E3D. 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)

#5EAF6B - #1F6E3D | 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 #5EAF6B come 0% e #1F6E3D come 100%.

0.0%	0.0% #5EAF6B	RGB 94 175 107	#5EAF6B
16.7%	16.7% #53A463	RGB 83 164 99	#53A463
33.3%	33.3% #49995B	RGB 73 153 91	#49995B
50.0%	50.0% #3E8E54	RGB 62 142 84	#3E8E54
66.7%	66.7% #34834C	RGB 52 131 76	#34834C
83.3%	83.3% #297844	RGB 41 120 68	#297844
100.0%	100.0% #1F6E3D	RGB 31 110 61	#1F6E3D

#5EAF6B #53A463 #49995B #3E8E54 #34834C #297844 #1F6E3D

#5EAF6B - #1F6E3D

Miscela HSV

#5EAF6B - #1F6E3D | 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 #5EAF6B come 0% e #1F6E3D come 100%.

0.0%	0.0% #5EAF6B	RGB 94 175 107	#5EAF6B
16.7%	16.7% #51A461	RGB 81 164 97	#51A461
33.3%	33.3% #459958	RGB 69 153 88	#459958
50.0%	50.0% #3A8E51	RGB 58 142 81	#3A8E51
66.7%	66.7% #308349	RGB 48 131 73	#308349
83.3%	83.3% #277843	RGB 39 120 67	#277843
100.0%	100.0% #1F6E3D	RGB 31 110 61	#1F6E3D

#5EAF6B #51A461 #459958 #3A8E51 #308349 #277843 #1F6E3D

#5EAF6B - #3A8E51 - #1F6E3D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EAF6B 0%, #3A8E51 50%, #1F6E3D 100%);
    background: -webkit-linear-gradient(top, #5EAF6B 0%, #3A8E51 50%, #1F6E3D 100%);
    background: linear-gradient(to bottom, #5EAF6B 0%, #3A8E51 50%, #1F6E3D 100%);
}
</style>