#82866B - #DBDCD4 | 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 #82866B a #DBDCD4

#82866B #DBDCD4

Calcola il colore tra due colori, #82866B e #DBDCD4. 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)

#82866B - #DBDCD4 | 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 #82866B come 0% e #DBDCD4 come 100%.

0.0%	0.0% #82866B	RGB 130 134 107	#82866B
16.7%	16.7% #90947C	RGB 144 148 124	#90947C
33.3%	33.3% #9FA28E	RGB 159 162 142	#9FA28E
50.0%	50.0% #AEB19F	RGB 174 177 159	#AEB19F
66.7%	66.7% #BDBFB1	RGB 189 191 177	#BDBFB1
83.3%	83.3% #CCCDC2	RGB 204 205 194	#CCCDC2
100.0%	100.0% #DBDCD4	RGB 219 220 212	#DBDCD4

#82866B #90947C #9FA28E #AEB19F #BDBFB1 #CCCDC2 #DBDCD4

#82866B - #DBDCD4

Miscela HSV

#82866B - #DBDCD4 | 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 #82866B come 0% e #DBDCD4 come 100%.

0.0%	0.0% #82866B	RGB 130 134 107	#82866B
16.7%	16.7% #90947A	RGB 144 148 122	#90947A
33.3%	33.3% #9FA28A	RGB 159 162 138	#9FA28A
50.0%	50.0% #AEB19B	RGB 174 177 155	#AEB19B
66.7%	66.7% #BDBFAD	RGB 189 191 173	#BDBFAD
83.3%	83.3% #CBCDC0	RGB 203 205 192	#CBCDC0
100.0%	100.0% #DBDCD4	RGB 219 220 212	#DBDCD4

#82866B #90947A #9FA28A #AEB19B #BDBFAD #CBCDC0 #DBDCD4

#82866B - #AEB19B - #DBDCD4

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82866B 0%, #AEB19B 50%, #DBDCD4 100%);
    background: -webkit-linear-gradient(top, #82866B 0%, #AEB19B 50%, #DBDCD4 100%);
    background: linear-gradient(to bottom, #82866B 0%, #AEB19B 50%, #DBDCD4 100%);
}
</style>