#5E6159 - #BFAC7E | 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 #5E6159 a #BFAC7E

#5E6159 #BFAC7E

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

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

0.0%	0.0% #5E6159	RGB 94 97 89	#5E6159
16.7%	16.7% #6E6D5F	RGB 110 109 95	#6E6D5F
33.3%	33.3% #7E7A65	RGB 126 122 101	#7E7A65
50.0%	50.0% #8E866B	RGB 142 134 107	#8E866B
66.7%	66.7% #9E9371	RGB 158 147 113	#9E9371
83.3%	83.3% #AE9F77	RGB 174 159 119	#AE9F77
100.0%	100.0% #BFAC7E	RGB 191 172 126	#BFAC7E

#5E6159 #6E6D5F #7E7A65 #8E866B #9E9371 #AE9F77 #BFAC7E

#5E6159 - #BFAC7E

Miscela HSV

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

0.0%	0.0% #5E6159	RGB 94 97 89	#5E6159
16.7%	16.7% #6C7062	RGB 108 112 98	#6C7062
33.3%	33.3% #7D806A	RGB 125 128 106	#7D806A
50.0%	50.0% #8E9071	RGB 142 144 113	#8E9071
66.7%	66.7% #9F9C77	RGB 159 156 119	#9F9C77
83.3%	83.3% #AFA57B	RGB 175 165 123	#AFA57B
100.0%	100.0% #BFAC7E	RGB 191 172 126	#BFAC7E

#5E6159 #6C7062 #7D806A #8E9071 #9F9C77 #AFA57B #BFAC7E

#5E6159 - #8E9071 - #BFAC7E

Codici CSS

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

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