#312C3E - #B06F5E | 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 #312C3E a #B06F5E

#312C3E #B06F5E

Calcola il colore tra due colori, #312C3E e #B06F5E. 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)

#312C3E - #B06F5E | 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 #312C3E come 0% e #B06F5E come 100%.

0.0%	0.0% #312C3E	RGB 49 44 62	#312C3E
16.7%	16.7% #463743	RGB 70 55 67	#463743
33.3%	33.3% #5B4248	RGB 91 66 72	#5B4248
50.0%	50.0% #704D4E	RGB 112 77 78	#704D4E
66.7%	66.7% #855853	RGB 133 88 83	#855853
83.3%	83.3% #9A6358	RGB 154 99 88	#9A6358
100.0%	100.0% #B06F5E	RGB 176 111 94	#B06F5E

#312C3E #463743 #5B4248 #704D4E #855853 #9A6358 #B06F5E

#312C3E - #B06F5E

Miscela HSV

#312C3E - #B06F5E | 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 #312C3E come 0% e #B06F5E come 100%.

0.0%	0.0% #312C3E	RGB 49 44 62	#312C3E
16.7%	16.7% #463751	RGB 70 55 81	#463751
33.3%	33.3% #614164	RGB 97 65 100	#614164
50.0%	50.0% #774A6C	RGB 119 74 108	#774A6C
66.7%	66.7% #8A516A	RGB 138 81 106	#8A516A
83.3%	83.3% #9D5860	RGB 157 88 96	#9D5860
100.0%	100.0% #B06F5E	RGB 176 111 94	#B06F5E

#312C3E #463751 #614164 #774A6C #8A516A #9D5860 #B06F5E

#312C3E - #774A6C - #B06F5E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #312C3E 0%, #774A6C 50%, #B06F5E 100%);
    background: -webkit-linear-gradient(top, #312C3E 0%, #774A6C 50%, #B06F5E 100%);
    background: linear-gradient(to bottom, #312C3E 0%, #774A6C 50%, #B06F5E 100%);
}
</style>