#3E3E5E - #6EA59E | 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 #3E3E5E a #6EA59E

#3E3E5E #6EA59E

Calcola il colore tra due colori, #3E3E5E e #6EA59E. 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)

#3E3E5E - #6EA59E | 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 #3E3E5E come 0% e #6EA59E come 100%.

0.0%	0.0% #3E3E5E	RGB 62 62 94	#3E3E5E
16.7%	16.7% #464F68	RGB 70 79 104	#464F68
33.3%	33.3% #4E6073	RGB 78 96 115	#4E6073
50.0%	50.0% #56717E	RGB 86 113 126	#56717E
66.7%	66.7% #5E8288	RGB 94 130 136	#5E8288
83.3%	83.3% #669393	RGB 102 147 147	#669393
100.0%	100.0% #6EA59E	RGB 110 165 158	#6EA59E

#3E3E5E #464F68 #4E6073 #56717E #5E8288 #669393 #6EA59E

#3E3E5E - #6EA59E

Miscela HSV

#3E3E5E - #6EA59E | 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 #3E3E5E come 0% e #6EA59E come 100%.

0.0%	0.0% #3E3E5E	RGB 62 62 94	#3E3E5E
16.7%	16.7% #454C69	RGB 69 76 105	#454C69
33.3%	33.3% #4D5C75	RGB 77 92 117	#4D5C75
50.0%	50.0% #556E81	RGB 85 110 129	#556E81
66.7%	66.7% #5D818D	RGB 93 129 141	#5D818D
83.3%	83.3% #659699	RGB 101 150 153	#659699
100.0%	100.0% #6EA59E	RGB 110 165 158	#6EA59E

#3E3E5E #454C69 #4D5C75 #556E81 #5D818D #659699 #6EA59E

#3E3E5E - #556E81 - #6EA59E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E5E 0%, #556E81 50%, #6EA59E 100%);
    background: -webkit-linear-gradient(top, #3E3E5E 0%, #556E81 50%, #6EA59E 100%);
    background: linear-gradient(to bottom, #3E3E5E 0%, #556E81 50%, #6EA59E 100%);
}
</style>