#5E9F7B - #136938 | 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 #5E9F7B a #136938

#5E9F7B #136938

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

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

0.0%	0.0% #5E9F7B	RGB 94 159 123	#5E9F7B
16.7%	16.7% #51966F	RGB 81 150 111	#51966F
33.3%	33.3% #458D64	RGB 69 141 100	#458D64
50.0%	50.0% #388459	RGB 56 132 89	#388459
66.7%	66.7% #2C7B4E	RGB 44 123 78	#2C7B4E
83.3%	83.3% #1F7243	RGB 31 114 67	#1F7243
100.0%	100.0% #136938	RGB 19 105 56	#136938

#5E9F7B #51966F #458D64 #388459 #2C7B4E #1F7243 #136938

#5E9F7B - #136938

Miscela HSV

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

0.0%	0.0% #5E9F7B	RGB 94 159 123	#5E9F7B
16.7%	16.7% #4E966E	RGB 78 150 110	#4E966E
33.3%	33.3% #408D61	RGB 64 141 97	#408D61
50.0%	50.0% #328456	RGB 50 132 86	#328456
66.7%	66.7% #277B4B	RGB 39 123 75	#277B4B
83.3%	83.3% #1C7241	RGB 28 114 65	#1C7241
100.0%	100.0% #136938	RGB 19 105 56	#136938

#5E9F7B #4E966E #408D61 #328456 #277B4B #1C7241 #136938

#5E9F7B - #328456 - #136938

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9F7B 0%, #328456 50%, #136938 100%);
    background: -webkit-linear-gradient(top, #5E9F7B 0%, #328456 50%, #136938 100%);
    background: linear-gradient(to bottom, #5E9F7B 0%, #328456 50%, #136938 100%);
}
</style>