#E4AA5E - #C2681B | 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 #E4AA5E a #C2681B

#E4AA5E #C2681B

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

#E4AA5E - #C2681B | 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 #E4AA5E come 0% e #C2681B come 100%.

0.0%	0.0% #E4AA5E	RGB 228 170 94	#E4AA5E
16.7%	16.7% #DE9F52	RGB 222 159 82	#DE9F52
33.3%	33.3% #D89447	RGB 216 148 71	#D89447
50.0%	50.0% #D3893C	RGB 211 137 60	#D3893C
66.7%	66.7% #CD7E31	RGB 205 126 49	#CD7E31
83.3%	83.3% #C77326	RGB 199 115 38	#C77326
100.0%	100.0% #C2681B	RGB 194 104 27	#C2681B

#E4AA5E #DE9F52 #D89447 #D3893C #CD7E31 #C77326 #C2681B

#E4AA5E - #C2681B

Miscela HSV

#E4AA5E - #C2681B | 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 #E4AA5E come 0% e #C2681B come 100%.

0.0%	0.0% #E4AA5E	RGB 228 170 94	#E4AA5E
16.7%	16.7% #DE9E51	RGB 222 158 81	#DE9E51
33.3%	33.3% #D89345	RGB 216 147 69	#D89345
50.0%	50.0% #D3883A	RGB 211 136 58	#D3883A
66.7%	66.7% #CD7D2F	RGB 205 125 47	#CD7D2F
83.3%	83.3% #C77224	RGB 199 114 36	#C77224
100.0%	100.0% #C2681B	RGB 194 104 27	#C2681B

#E4AA5E #DE9E51 #D89345 #D3883A #CD7D2F #C77224 #C2681B

#E4AA5E - #D3883A - #C2681B

Codici CSS

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

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