#5D5E5C - #B6DA89 | 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 #5D5E5C a #B6DA89

#5D5E5C #B6DA89

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

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

0.0%	0.0% #5D5E5C	RGB 93 94 92	#5D5E5C
16.7%	16.7% #6B7263	RGB 107 114 99	#6B7263
33.3%	33.3% #7A876B	RGB 122 135 107	#7A876B
50.0%	50.0% #899C72	RGB 137 156 114	#899C72
66.7%	66.7% #98B07A	RGB 152 176 122	#98B07A
83.3%	83.3% #A7C581	RGB 167 197 129	#A7C581
100.0%	100.0% #B6DA89	RGB 182 218 137	#B6DA89

#5D5E5C #6B7263 #7A876B #899C72 #98B07A #A7C581 #B6DA89

#5D5E5C - #B6DA89

Miscela HSV

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

0.0%	0.0% #5D5E5C	RGB 93 94 92	#5D5E5C
16.7%	16.7% #6E7269	RGB 110 114 105	#6E7269
33.3%	33.3% #7E8774	RGB 126 135 116	#7E8774
50.0%	50.0% #8D9C7D	RGB 141 156 125	#8D9C7D
66.7%	66.7% #9BB083	RGB 155 176 131	#9BB083
83.3%	83.3% #A9C587	RGB 169 197 135	#A9C587
100.0%	100.0% #B6DA89	RGB 182 218 137	#B6DA89

#5D5E5C #6E7269 #7E8774 #8D9C7D #9BB083 #A9C587 #B6DA89

#5D5E5C - #8D9C7D - #B6DA89

Codici CSS

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

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