#5E1A00 - #D1BCB6 | 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 #5E1A00 a #D1BCB6

#5E1A00 #D1BCB6

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

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

0.0%	0.0% #5E1A00	RGB 94 26 0	#5E1A00
16.7%	16.7% #71351E	RGB 113 53 30	#71351E
33.3%	33.3% #84503C	RGB 132 80 60	#84503C
50.0%	50.0% #976B5B	RGB 151 107 91	#976B5B
66.7%	66.7% #AA8679	RGB 170 134 121	#AA8679
83.3%	83.3% #BDA197	RGB 189 161 151	#BDA197
100.0%	100.0% #D1BCB6	RGB 209 188 182	#D1BCB6

#5E1A00 #71351E #84503C #976B5B #AA8679 #BDA197 #D1BCB6

#5E1A00 - #D1BCB6

Miscela HSV

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

0.0%	0.0% #5E1A00	RGB 94 26 0	#5E1A00
16.7%	16.7% #712A10	RGB 113 42 16	#712A10
33.3%	33.3% #843E26	RGB 132 62 38	#843E26
50.0%	50.0% #975741	RGB 151 87 65	#975741
66.7%	66.7% #AA7463	RGB 170 116 99	#AA7463
83.3%	83.3% #BD9589	RGB 189 149 137	#BD9589
100.0%	100.0% #D1BCB6	RGB 209 188 182	#D1BCB6

#5E1A00 #712A10 #843E26 #975741 #AA7463 #BD9589 #D1BCB6

#5E1A00 - #975741 - #D1BCB6

Codici CSS

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

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