#DB3E14 - #FF8A16 | 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 #DB3E14 a #FF8A16

#DB3E14 #FF8A16

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

#DB3E14 - #FF8A16 | 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 #DB3E14 come 0% e #FF8A16 come 100%.

0.0%	0.0% #DB3E14	RGB 219 62 20	#DB3E14
16.7%	16.7% #E14A14	RGB 225 74 20	#E14A14
33.3%	33.3% #E75714	RGB 231 87 20	#E75714
50.0%	50.0% #ED6415	RGB 237 100 21	#ED6415
66.7%	66.7% #F37015	RGB 243 112 21	#F37015
83.3%	83.3% #F97D15	RGB 249 125 21	#F97D15
100.0%	100.0% #FF8A16	RGB 255 138 22	#FF8A16

#DB3E14 #E14A14 #E75714 #ED6415 #F37015 #F97D15 #FF8A16

#DB3E14 - #FF8A16

Miscela HSV

#DB3E14 - #FF8A16 | 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 #DB3E14 come 0% e #FF8A16 come 100%.

0.0%	0.0% #DB3E14	RGB 219 62 20	#DB3E14
16.7%	16.7% #E14914	RGB 225 73 20	#E14914
33.3%	33.3% #E75514	RGB 231 85 20	#E75514
50.0%	50.0% #ED6115	RGB 237 97 21	#ED6115
66.7%	66.7% #F36E15	RGB 243 110 21	#F36E15
83.3%	83.3% #F97B15	RGB 249 123 21	#F97B15
100.0%	100.0% #FF8A16	RGB 255 138 22	#FF8A16

#DB3E14 #E14914 #E75514 #ED6115 #F36E15 #F97B15 #FF8A16

#DB3E14 - #ED6115 - #FF8A16

Codici CSS

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

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