#4C7E5E - #B4C37C | 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 #4C7E5E a #B4C37C

#4C7E5E #B4C37C

Calcola il colore tra due colori, #4C7E5E e #B4C37C. 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)

#4C7E5E - #B4C37C | 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 #4C7E5E come 0% e #B4C37C come 100%.

0.0%	0.0% #4C7E5E	RGB 76 126 94	#4C7E5E
16.7%	16.7% #5D8963	RGB 93 137 99	#5D8963
33.3%	33.3% #6E9568	RGB 110 149 104	#6E9568
50.0%	50.0% #80A06D	RGB 128 160 109	#80A06D
66.7%	66.7% #91AC72	RGB 145 172 114	#91AC72
83.3%	83.3% #A2B777	RGB 162 183 119	#A2B777
100.0%	100.0% #B4C37C	RGB 180 195 124	#B4C37C

#4C7E5E #5D8963 #6E9568 #80A06D #91AC72 #A2B777 #B4C37C

#4C7E5E - #B4C37C

Miscela HSV

#4C7E5E - #B4C37C | 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 #4C7E5E come 0% e #B4C37C come 100%.

0.0%	0.0% #4C7E5E	RGB 76 126 94	#4C7E5E
16.7%	16.7% #53895C	RGB 83 137 92	#53895C
33.3%	33.3% #5C955B	RGB 92 149 91	#5C955B
50.0%	50.0% #70A063	RGB 112 160 99	#70A063
66.7%	66.7% #85AC6B	RGB 133 172 107	#85AC6B
83.3%	83.3% #9CB773	RGB 156 183 115	#9CB773
100.0%	100.0% #B4C37C	RGB 180 195 124	#B4C37C

#4C7E5E #53895C #5C955B #70A063 #85AC6B #9CB773 #B4C37C

#4C7E5E - #70A063 - #B4C37C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C7E5E 0%, #70A063 50%, #B4C37C 100%);
    background: -webkit-linear-gradient(top, #4C7E5E 0%, #70A063 50%, #B4C37C 100%);
    background: linear-gradient(to bottom, #4C7E5E 0%, #70A063 50%, #B4C37C 100%);
}
</style>