#4B5E2D - #AD8058 | 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 #4B5E2D a #AD8058

#4B5E2D #AD8058

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

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

0.0%	0.0% #4B5E2D	RGB 75 94 45	#4B5E2D
16.7%	16.7% #5B6334	RGB 91 99 52	#5B6334
33.3%	33.3% #6B693B	RGB 107 105 59	#6B693B
50.0%	50.0% #7C6F42	RGB 124 111 66	#7C6F42
66.7%	66.7% #8C7449	RGB 140 116 73	#8C7449
83.3%	83.3% #9C7A50	RGB 156 122 80	#9C7A50
100.0%	100.0% #AD8058	RGB 173 128 88	#AD8058

#4B5E2D #5B6334 #6B693B #7C6F42 #8C7449 #9C7A50 #AD8058

#4B5E2D - #AD8058

Miscela HSV

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

0.0%	0.0% #4B5E2D	RGB 75 94 45	#4B5E2D
16.7%	16.7% #5E6B33	RGB 94 107 51	#5E6B33
33.3%	33.3% #73783A	RGB 115 120 58	#73783A
50.0%	50.0% #858041	RGB 133 128 65	#858041
66.7%	66.7% #928249	RGB 146 130 73	#928249
83.3%	83.3% #9F8150	RGB 159 129 80	#9F8150
100.0%	100.0% #AD8058	RGB 173 128 88	#AD8058

#4B5E2D #5E6B33 #73783A #858041 #928249 #9F8150 #AD8058

#4B5E2D - #858041 - #AD8058

Codici CSS

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

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