#5E5C2D - #968F8D | 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 #5E5C2D a #968F8D

#5E5C2D #968F8D

Calcola il colore tra due colori, #5E5C2D e #968F8D. 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)

#5E5C2D - #968F8D | 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 #5E5C2D come 0% e #968F8D come 100%.

0.0%	0.0% #5E5C2D	RGB 94 92 45	#5E5C2D
16.7%	16.7% #67643D	RGB 103 100 61	#67643D
33.3%	33.3% #706D4D	RGB 112 109 77	#706D4D
50.0%	50.0% #7A755D	RGB 122 117 93	#7A755D
66.7%	66.7% #837E6D	RGB 131 126 109	#837E6D
83.3%	83.3% #8C867D	RGB 140 134 125	#8C867D
100.0%	100.0% #968F8D	RGB 150 143 141	#968F8D

#5E5C2D #67643D #706D4D #7A755D #837E6D #8C867D #968F8D

#5E5C2D - #968F8D

Miscela HSV

#5E5C2D - #968F8D | 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 #5E5C2D come 0% e #968F8D come 100%.

0.0%	0.0% #5E5C2D	RGB 94 92 45	#5E5C2D
16.7%	16.7% #675F39	RGB 103 95 57	#675F39
33.3%	33.3% #706447	RGB 112 100 71	#706447
50.0%	50.0% #7A6B56	RGB 122 107 86	#7A6B56
66.7%	66.7% #837467	RGB 131 116 103	#837467
83.3%	83.3% #8C8079	RGB 140 128 121	#8C8079
100.0%	100.0% #968F8D	RGB 150 143 141	#968F8D

#5E5C2D #675F39 #706447 #7A6B56 #837467 #8C8079 #968F8D

#5E5C2D - #7A6B56 - #968F8D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5C2D 0%, #7A6B56 50%, #968F8D 100%);
    background: -webkit-linear-gradient(top, #5E5C2D 0%, #7A6B56 50%, #968F8D 100%);
    background: linear-gradient(to bottom, #5E5C2D 0%, #7A6B56 50%, #968F8D 100%);
}
</style>