#DF8C62 - #BA461D | 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 #DF8C62 a #BA461D

#DF8C62 #BA461D

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

#DF8C62 - #BA461D | 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 #DF8C62 come 0% e #BA461D come 100%.

0.0%	0.0% #DF8C62	RGB 223 140 98	#DF8C62
16.7%	16.7% #D88056	RGB 216 128 86	#D88056
33.3%	33.3% #D2744B	RGB 210 116 75	#D2744B
50.0%	50.0% #CC693F	RGB 204 105 63	#CC693F
66.7%	66.7% #C65D34	RGB 198 93 52	#C65D34
83.3%	83.3% #C05128	RGB 192 81 40	#C05128
100.0%	100.0% #BA461D	RGB 186 70 29	#BA461D

#DF8C62 #D88056 #D2744B #CC693F #C65D34 #C05128 #BA461D

#DF8C62 - #BA461D

Miscela HSV

#DF8C62 - #BA461D | 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 #DF8C62 come 0% e #BA461D come 100%.

0.0%	0.0% #DF8C62	RGB 223 140 98	#DF8C62
16.7%	16.7% #D87F55	RGB 216 127 85	#D87F55
33.3%	33.3% #D27348	RGB 210 115 72	#D27348
50.0%	50.0% #CC673C	RGB 204 103 60	#CC673C
66.7%	66.7% #C65C31	RGB 198 92 49	#C65C31
83.3%	83.3% #C05027	RGB 192 80 39	#C05027
100.0%	100.0% #BA461D	RGB 186 70 29	#BA461D

#DF8C62 #D87F55 #D27348 #CC673C #C65C31 #C05027 #BA461D

#DF8C62 - #CC673C - #BA461D

Codici CSS

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

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