#5E605D - #BBA97E | 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 #5E605D a #BBA97E

#5E605D #BBA97E

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

#5E605D - #BBA97E | 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 #5E605D come 0% e #BBA97E come 100%.

0.0%	0.0% #5E605D	RGB 94 96 93	#5E605D
16.7%	16.7% #6D6C62	RGB 109 108 98	#6D6C62
33.3%	33.3% #7D7868	RGB 125 120 104	#7D7868
50.0%	50.0% #8C846D	RGB 140 132 109	#8C846D
66.7%	66.7% #9C9073	RGB 156 144 115	#9C9073
83.3%	83.3% #AB9C78	RGB 171 156 120	#AB9C78
100.0%	100.0% #BBA97E	RGB 187 169 126	#BBA97E

#5E605D #6D6C62 #7D7868 #8C846D #9C9073 #AB9C78 #BBA97E

#5E605D - #BBA97E

Miscela HSV

#5E605D - #BBA97E | 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 #5E605D come 0% e #BBA97E come 100%.

0.0%	0.0% #5E605D	RGB 94 96 93	#5E605D
16.7%	16.7% #6A6F66	RGB 106 111 102	#6A6F66
33.3%	33.3% #787E6D	RGB 120 126 109	#787E6D
50.0%	50.0% #888D74	RGB 136 141 116	#888D74
66.7%	66.7% #9B9C78	RGB 155 156 120	#9B9C78
83.3%	83.3% #ABA57C	RGB 171 165 124	#ABA57C
100.0%	100.0% #BBA97E	RGB 187 169 126	#BBA97E

#5E605D #6A6F66 #787E6D #888D74 #9B9C78 #ABA57C #BBA97E

#5E605D - #888D74 - #BBA97E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E605D 0%, #888D74 50%, #BBA97E 100%);
    background: -webkit-linear-gradient(top, #5E605D 0%, #888D74 50%, #BBA97E 100%);
    background: linear-gradient(to bottom, #5E605D 0%, #888D74 50%, #BBA97E 100%);
}
</style>