#B6B6B5 - #887B61 | 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 #B6B6B5 a #887B61

#B6B6B5 #887B61

Calcola il colore tra due colori, #B6B6B5 e #887B61. 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)

#B6B6B5 - #887B61 | 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 #B6B6B5 come 0% e #887B61 come 100%.

0.0%	0.0% #B6B6B5	RGB 182 182 181	#B6B6B5
16.7%	16.7% #AEACA7	RGB 174 172 167	#AEACA7
33.3%	33.3% #A6A299	RGB 166 162 153	#A6A299
50.0%	50.0% #9F988B	RGB 159 152 139	#9F988B
66.7%	66.7% #978E7D	RGB 151 142 125	#978E7D
83.3%	83.3% #8F846F	RGB 143 132 111	#8F846F
100.0%	100.0% #887B61	RGB 136 123 97	#887B61

#B6B6B5 #AEACA7 #A6A299 #9F988B #978E7D #8F846F #887B61

#B6B6B5 - #887B61

Miscela HSV

#B6B6B5 - #887B61 | 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 #B6B6B5 come 0% e #887B61 come 100%.

0.0%	0.0% #B6B6B5	RGB 182 182 181	#B6B6B5
16.7%	16.7% #AEADA5	RGB 174 173 165	#AEADA5
33.3%	33.3% #A6A496	RGB 166 164 150	#A6A496
50.0%	50.0% #9F9B87	RGB 159 155 135	#9F9B87
66.7%	66.7% #97907A	RGB 151 144 122	#97907A
83.3%	83.3% #8F866D	RGB 143 134 109	#8F866D
100.0%	100.0% #887B61	RGB 136 123 97	#887B61

#B6B6B5 #AEADA5 #A6A496 #9F9B87 #97907A #8F866D #887B61

#B6B6B5 - #9F9B87 - #887B61

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6B6B5 0%, #9F9B87 50%, #887B61 100%);
    background: -webkit-linear-gradient(top, #B6B6B5 0%, #9F9B87 50%, #887B61 100%);
    background: linear-gradient(to bottom, #B6B6B5 0%, #9F9B87 50%, #887B61 100%);
}
</style>