#5E9C7B - #1A6143 | 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 #5E9C7B a #1A6143

#5E9C7B #1A6143

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

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

0.0%	0.0% #5E9C7B	RGB 94 156 123	#5E9C7B
16.7%	16.7% #529271	RGB 82 146 113	#529271
33.3%	33.3% #478868	RGB 71 136 104	#478868
50.0%	50.0% #3C7E5F	RGB 60 126 95	#3C7E5F
66.7%	66.7% #307455	RGB 48 116 85	#307455
83.3%	83.3% #256A4C	RGB 37 106 76	#256A4C
100.0%	100.0% #1A6143	RGB 26 97 67	#1A6143

#5E9C7B #529271 #478868 #3C7E5F #307455 #256A4C #1A6143

#5E9C7B - #1A6143

Miscela HSV

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

0.0%	0.0% #5E9C7B	RGB 94 156 123	#5E9C7B
16.7%	16.7% #4F9270	RGB 79 146 112	#4F9270
33.3%	33.3% #428865	RGB 66 136 101	#428865
50.0%	50.0% #377E5C	RGB 55 126 92	#377E5C
66.7%	66.7% #2C7453	RGB 44 116 83	#2C7453
83.3%	83.3% #226A4A	RGB 34 106 74	#226A4A
100.0%	100.0% #1A6143	RGB 26 97 67	#1A6143

#5E9C7B #4F9270 #428865 #377E5C #2C7453 #226A4A #1A6143

#5E9C7B - #377E5C - #1A6143

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9C7B 0%, #377E5C 50%, #1A6143 100%);
    background: -webkit-linear-gradient(top, #5E9C7B 0%, #377E5C 50%, #1A6143 100%);
    background: linear-gradient(to bottom, #5E9C7B 0%, #377E5C 50%, #1A6143 100%);
}
</style>