#7E7E87 - #293E3E | 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 #7E7E87 a #293E3E

#7E7E87 #293E3E

Calcola il colore tra due colori, #7E7E87 e #293E3E. 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)

#7E7E87 - #293E3E | 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 #7E7E87 come 0% e #293E3E come 100%.

0.0%	0.0% #7E7E87	RGB 126 126 135	#7E7E87
16.7%	16.7% #6F737A	RGB 111 115 122	#6F737A
33.3%	33.3% #61686E	RGB 97 104 110	#61686E
50.0%	50.0% #535E62	RGB 83 94 98	#535E62
66.7%	66.7% #455356	RGB 69 83 86	#455356
83.3%	83.3% #37484A	RGB 55 72 74	#37484A
100.0%	100.0% #293E3E	RGB 41 62 62	#293E3E

#7E7E87 #6F737A #61686E #535E62 #455356 #37484A #293E3E

#7E7E87 - #293E3E

Miscela HSV

#7E7E87 - #293E3E | 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 #7E7E87 come 0% e #293E3E come 100%.

0.0%	0.0% #7E7E87	RGB 126 126 135	#7E7E87
16.7%	16.7% #6D6F7A	RGB 109 111 122	#6D6F7A
33.3%	33.3% #5D636E	RGB 93 99 110	#5D636E
50.0%	50.0% #4E5862	RGB 78 88 98	#4E5862
66.7%	66.7% #404F56	RGB 64 79 86	#404F56
83.3%	83.3% #34464A	RGB 52 70 74	#34464A
100.0%	100.0% #293E3E	RGB 41 62 62	#293E3E

#7E7E87 #6D6F7A #5D636E #4E5862 #404F56 #34464A #293E3E

#7E7E87 - #4E5862 - #293E3E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E7E87 0%, #4E5862 50%, #293E3E 100%);
    background: -webkit-linear-gradient(top, #7E7E87 0%, #4E5862 50%, #293E3E 100%);
    background: linear-gradient(to bottom, #7E7E87 0%, #4E5862 50%, #293E3E 100%);
}
</style>