#5E5E5E - #DBAD8B | 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 #5E5E5E a #DBAD8B

#5E5E5E #DBAD8B

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

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

0.0%	0.0% #5E5E5E	RGB 94 94 94	#5E5E5E
16.7%	16.7% #726B65	RGB 114 107 101	#726B65
33.3%	33.3% #87786D	RGB 135 120 109	#87786D
50.0%	50.0% #9C8574	RGB 156 133 116	#9C8574
66.7%	66.7% #B1927C	RGB 177 146 124	#B1927C
83.3%	83.3% #C69F83	RGB 198 159 131	#C69F83
100.0%	100.0% #DBAD8B	RGB 219 173 139	#DBAD8B

#5E5E5E #726B65 #87786D #9C8574 #B1927C #C69F83 #DBAD8B

#5E5E5E - #DBAD8B

Miscela HSV

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

0.0%	0.0% #5E5E5E	RGB 94 94 94	#5E5E5E
16.7%	16.7% #726C6B	RGB 114 108 107	#726C6B
33.3%	33.3% #877977	RGB 135 121 119	#877977
50.0%	50.0% #9C857F	RGB 156 133 127	#9C857F
66.7%	66.7% #B19286	RGB 177 146 134	#B19286
83.3%	83.3% #C69F89	RGB 198 159 137	#C69F89
100.0%	100.0% #DBAD8B	RGB 219 173 139	#DBAD8B

#5E5E5E #726C6B #877977 #9C857F #B19286 #C69F89 #DBAD8B

#5E5E5E - #9C857F - #DBAD8B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E5E 0%, #9C857F 50%, #DBAD8B 100%);
    background: -webkit-linear-gradient(top, #5E5E5E 0%, #9C857F 50%, #DBAD8B 100%);
    background: linear-gradient(to bottom, #5E5E5E 0%, #9C857F 50%, #DBAD8B 100%);
}
</style>