#5E5839 - #82887F | 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 #5E5839 a #82887F

#5E5839 #82887F

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

#5E5839 - #82887F | 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 #5E5839 come 0% e #82887F come 100%.

0.0%	0.0% #5E5839	RGB 94 88 57	#5E5839
16.7%	16.7% #646044	RGB 100 96 68	#646044
33.3%	33.3% #6A6850	RGB 106 104 80	#6A6850
50.0%	50.0% #70705C	RGB 112 112 92	#70705C
66.7%	66.7% #767867	RGB 118 120 103	#767867
83.3%	83.3% #7C8073	RGB 124 128 115	#7C8073
100.0%	100.0% #82887F	RGB 130 136 127	#82887F

#5E5839 #646044 #6A6850 #70705C #767867 #7C8073 #82887F

#5E5839 - #82887F

Miscela HSV

#5E5839 - #82887F | 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 #5E5839 come 0% e #82887F come 100%.

0.0%	0.0% #5E5839	RGB 94 88 57	#5E5839
16.7%	16.7% #656442	RGB 101 100 66	#656442
33.3%	33.3% #686C4D	RGB 104 108 77	#686C4D
50.0%	50.0% #6C7358	RGB 108 115 88	#6C7358
66.7%	66.7% #717A64	RGB 113 122 100	#717A64
83.3%	83.3% #788171	RGB 120 129 113	#788171
100.0%	100.0% #82887F	RGB 130 136 127	#82887F

#5E5839 #656442 #686C4D #6C7358 #717A64 #788171 #82887F

#5E5839 - #6C7358 - #82887F

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5839 0%, #6C7358 50%, #82887F 100%);
    background: -webkit-linear-gradient(top, #5E5839 0%, #6C7358 50%, #82887F 100%);
    background: linear-gradient(to bottom, #5E5839 0%, #6C7358 50%, #82887F 100%);
}
</style>