#5E7155 - #274C0E | 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 #5E7155 a #274C0E

#5E7155 #274C0E

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

#5E7155 - #274C0E | 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 #5E7155 come 0% e #274C0E come 100%.

0.0%	0.0% #5E7155	RGB 94 113 85	#5E7155
16.7%	16.7% #546A49	RGB 84 106 73	#546A49
33.3%	33.3% #4B643D	RGB 75 100 61	#4B643D
50.0%	50.0% #425E31	RGB 66 94 49	#425E31
66.7%	66.7% #395825	RGB 57 88 37	#395825
83.3%	83.3% #305219	RGB 48 82 25	#305219
100.0%	100.0% #274C0E	RGB 39 76 14	#274C0E

#5E7155 #546A49 #4B643D #425E31 #395825 #305219 #274C0E

#5E7155 - #274C0E

Miscela HSV

#5E7155 - #274C0E | 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 #5E7155 come 0% e #274C0E come 100%.

0.0%	0.0% #5E7155	RGB 94 113 85	#5E7155
16.7%	16.7% #526A46	RGB 82 106 70	#526A46
33.3%	33.3% #486438	RGB 72 100 56	#486438
50.0%	50.0% #3E5E2C	RGB 62 94 44	#3E5E2C
66.7%	66.7% #355820	RGB 53 88 32	#355820
83.3%	83.3% #2D5216	RGB 45 82 22	#2D5216
100.0%	100.0% #274C0E	RGB 39 76 14	#274C0E

#5E7155 #526A46 #486438 #3E5E2C #355820 #2D5216 #274C0E

#5E7155 - #3E5E2C - #274C0E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7155 0%, #3E5E2C 50%, #274C0E 100%);
    background: -webkit-linear-gradient(top, #5E7155 0%, #3E5E2C 50%, #274C0E 100%);
    background: linear-gradient(to bottom, #5E7155 0%, #3E5E2C 50%, #274C0E 100%);
}
</style>