#C96E3C - #FEB654 | 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 #C96E3C a #FEB654

#C96E3C #FEB654

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

#C96E3C - #FEB654 | 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 #C96E3C come 0% e #FEB654 come 100%.

0.0%	0.0% #C96E3C	RGB 201 110 60	#C96E3C
16.7%	16.7% #D17A40	RGB 209 122 64	#D17A40
33.3%	33.3% #DA8644	RGB 218 134 68	#DA8644
50.0%	50.0% #E39248	RGB 227 146 72	#E39248
66.7%	66.7% #EC9E4C	RGB 236 158 76	#EC9E4C
83.3%	83.3% #F5AA50	RGB 245 170 80	#F5AA50
100.0%	100.0% #FEB654	RGB 254 182 84	#FEB654

#C96E3C #D17A40 #DA8644 #E39248 #EC9E4C #F5AA50 #FEB654

#C96E3C - #FEB654

Miscela HSV

#C96E3C - #FEB654 | 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 #C96E3C come 0% e #FEB654 come 100%.

0.0%	0.0% #C96E3C	RGB 201 110 60	#C96E3C
16.7%	16.7% #D1783F	RGB 209 120 63	#D1783F
33.3%	33.3% #DA8443	RGB 218 132 67	#DA8443
50.0%	50.0% #E39047	RGB 227 144 71	#E39047
66.7%	66.7% #EC9C4B	RGB 236 156 75	#EC9C4B
83.3%	83.3% #F5A84F	RGB 245 168 79	#F5A84F
100.0%	100.0% #FEB654	RGB 254 182 84	#FEB654

#C96E3C #D1783F #DA8443 #E39047 #EC9C4B #F5A84F #FEB654

#C96E3C - #E39047 - #FEB654

Codici CSS

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

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