#CE9B5E - #A75A1B | 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 #CE9B5E a #A75A1B

#CE9B5E #A75A1B

Calcola il colore tra due colori, #CE9B5E e #A75A1B. 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)

#CE9B5E - #A75A1B | 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 #CE9B5E come 0% e #A75A1B come 100%.

0.0%	0.0% #CE9B5E	RGB 206 155 94	#CE9B5E
16.7%	16.7% #C79052	RGB 199 144 82	#C79052
33.3%	33.3% #C18547	RGB 193 133 71	#C18547
50.0%	50.0% #BA7A3C	RGB 186 122 60	#BA7A3C
66.7%	66.7% #B46F31	RGB 180 111 49	#B46F31
83.3%	83.3% #AD6426	RGB 173 100 38	#AD6426
100.0%	100.0% #A75A1B	RGB 167 90 27	#A75A1B

#CE9B5E #C79052 #C18547 #BA7A3C #B46F31 #AD6426 #A75A1B

#CE9B5E - #A75A1B

Miscela HSV

#CE9B5E - #A75A1B | 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 #CE9B5E come 0% e #A75A1B come 100%.

0.0%	0.0% #CE9B5D	RGB 206 155 93	#CE9B5D
16.7%	16.7% #C78F51	RGB 199 143 81	#C78F51
33.3%	33.3% #C18445	RGB 193 132 69	#C18445
50.0%	50.0% #BA7939	RGB 186 121 57	#BA7939
66.7%	66.7% #B46E2E	RGB 180 110 46	#B46E2E
83.3%	83.3% #AD6424	RGB 173 100 36	#AD6424
100.0%	100.0% #A75A1B	RGB 167 90 27	#A75A1B

#CE9B5D #C78F51 #C18445 #BA7939 #B46E2E #AD6424 #A75A1B

#CE9B5E - #BA7939 - #A75A1B

Codici CSS

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

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