#5E5E65 - #7BA9A5 | 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 #5E5E65 a #7BA9A5

#5E5E65 #7BA9A5

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

#5E5E65 - #7BA9A5 | 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 #5E5E65 come 0% e #7BA9A5 come 100%.

0.0%	0.0% #5E5E65	RGB 94 94 101	#5E5E65
16.7%	16.7% #626A6F	RGB 98 106 111	#626A6F
33.3%	33.3% #67777A	RGB 103 119 122	#67777A
50.0%	50.0% #6C8385	RGB 108 131 133	#6C8385
66.7%	66.7% #71908F	RGB 113 144 143	#71908F
83.3%	83.3% #769C9A	RGB 118 156 154	#769C9A
100.0%	100.0% #7BA9A5	RGB 123 169 165	#7BA9A5

#5E5E65 #626A6F #67777A #6C8385 #71908F #769C9A #7BA9A5

#5E5E65 - #7BA9A5

Miscela HSV

#5E5E65 - #7BA9A5 | 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 #5E5E65 come 0% e #7BA9A5 come 100%.

0.0%	0.0% #5E5E65	RGB 94 94 101	#5E5E65
16.7%	16.7% #646670	RGB 100 102 112	#646670
33.3%	33.3% #6A707B	RGB 106 112 123	#6A707B
50.0%	50.0% #6F7C87	RGB 111 124 135	#6F7C87
66.7%	66.7% #748A92	RGB 116 138 146	#748A92
83.3%	83.3% #789A9D	RGB 120 154 157	#789A9D
100.0%	100.0% #7BA9A5	RGB 123 169 165	#7BA9A5

#5E5E65 #646670 #6A707B #6F7C87 #748A92 #789A9D #7BA9A5

#5E5E65 - #6F7C87 - #7BA9A5

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E65 0%, #6F7C87 50%, #7BA9A5 100%);
    background: -webkit-linear-gradient(top, #5E5E65 0%, #6F7C87 50%, #7BA9A5 100%);
    background: linear-gradient(to bottom, #5E5E65 0%, #6F7C87 50%, #7BA9A5 100%);
}
</style>