#DB5E38 - #FFAD4B | 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 #DB5E38 a #FFAD4B

#DB5E38 #FFAD4B

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

#DB5E38 - #FFAD4B | 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 #DB5E38 come 0% e #FFAD4B come 100%.

0.0%	0.0% #DB5E38	RGB 219 94 56	#DB5E38
16.7%	16.7% #E16B3B	RGB 225 107 59	#E16B3B
33.3%	33.3% #E7783E	RGB 231 120 62	#E7783E
50.0%	50.0% #ED8541	RGB 237 133 65	#ED8541
66.7%	66.7% #F39244	RGB 243 146 68	#F39244
83.3%	83.3% #F99F47	RGB 249 159 71	#F99F47
100.0%	100.0% #FFAD4B	RGB 255 173 75	#FFAD4B

#DB5E38 #E16B3B #E7783E #ED8541 #F39244 #F99F47 #FFAD4B

#DB5E38 - #FFAD4B

Miscela HSV

#DB5E38 - #FFAD4B | 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 #DB5E38 come 0% e #FFAD4B come 100%.

0.0%	0.0% #DB5E38	RGB 219 94 56	#DB5E38
16.7%	16.7% #E16A3A	RGB 225 106 58	#E16A3A
33.3%	33.3% #E7763E	RGB 231 118 62	#E7763E
50.0%	50.0% #ED8341	RGB 237 131 65	#ED8341
66.7%	66.7% #F39144	RGB 243 145 68	#F39144
83.3%	83.3% #F99F47	RGB 249 159 71	#F99F47
100.0%	100.0% #FFAD4B	RGB 255 173 75	#FFAD4B

#DB5E38 #E16A3A #E7763E #ED8341 #F39144 #F99F47 #FFAD4B

#DB5E38 - #ED8341 - #FFAD4B

Codici CSS

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

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