#5E5233 - #8C8B81 | 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 #5E5233 a #8C8B81

#5E5233 #8C8B81

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

#5E5233 - #8C8B81 | 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 #5E5233 come 0% e #8C8B81 come 100%.

0.0%	0.0% #5E5233	RGB 94 82 51	#5E5233
16.7%	16.7% #655B40	RGB 101 91 64	#655B40
33.3%	33.3% #6D654D	RGB 109 101 77	#6D654D
50.0%	50.0% #756E5A	RGB 117 110 90	#756E5A
66.7%	66.7% #7C7867	RGB 124 120 103	#7C7867
83.3%	83.3% #848174	RGB 132 129 116	#848174
100.0%	100.0% #8C8B81	RGB 140 139 129	#8C8B81

#5E5233 #655B40 #6D654D #756E5A #7C7867 #848174 #8C8B81

#5E5233 - #8C8B81

Miscela HSV

#5E5233 - #8C8B81 | 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 #5E5233 come 0% e #8C8B81 come 100%.

0.0%	0.0% #5E5233	RGB 94 82 51	#5E5233
16.7%	16.7% #655B3D	RGB 101 91 61	#655B3D
33.3%	33.3% #6D6549	RGB 109 101 73	#6D6549
50.0%	50.0% #756F55	RGB 117 111 85	#756F55
66.7%	66.7% #7C7863	RGB 124 120 99	#7C7863
83.3%	83.3% #848271	RGB 132 130 113	#848271
100.0%	100.0% #8C8B81	RGB 140 139 129	#8C8B81

#5E5233 #655B3D #6D6549 #756F55 #7C7863 #848271 #8C8B81

#5E5233 - #756F55 - #8C8B81

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5233 0%, #756F55 50%, #8C8B81 100%);
    background: -webkit-linear-gradient(top, #5E5233 0%, #756F55 50%, #8C8B81 100%);
    background: linear-gradient(to bottom, #5E5233 0%, #756F55 50%, #8C8B81 100%);
}
</style>