#794057 - #DF5E5E | 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 #794057 a #DF5E5E

#794057 #DF5E5E

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

#794057 - #DF5E5E | 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 #794057 come 0% e #DF5E5E come 100%.

0.0%	0.0% #794057	RGB 121 64 87	#794057
16.7%	16.7% #8A4558	RGB 138 69 88	#8A4558
33.3%	33.3% #9B4A59	RGB 155 74 89	#9B4A59
50.0%	50.0% #AC4F5A	RGB 172 79 90	#AC4F5A
66.7%	66.7% #BD545B	RGB 189 84 91	#BD545B
83.3%	83.3% #CE595C	RGB 206 89 92	#CE595C
100.0%	100.0% #DF5E5E	RGB 223 94 94	#DF5E5E

#794057 #8A4558 #9B4A59 #AC4F5A #BD545B #CE595C #DF5E5E

#794057 - #DF5E5E

Miscela HSV

#794057 - #DF5E5E | 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 #794057 come 0% e #DF5E5E come 100%.

0.0%	0.0% #794057	RGB 121 64 87	#794057
16.7%	16.7% #8A465D	RGB 138 70 93	#8A465D
33.3%	33.3% #9B4C61	RGB 155 76 97	#9B4C61
50.0%	50.0% #AC5163	RGB 172 81 99	#AC5163
66.7%	66.7% #BD5664	RGB 189 86 100	#BD5664
83.3%	83.3% #CE5A62	RGB 206 90 98	#CE5A62
100.0%	100.0% #DF5E5E	RGB 223 94 94	#DF5E5E

#794057 #8A465D #9B4C61 #AC5163 #BD5664 #CE5A62 #DF5E5E

#794057 - #AC5163 - #DF5E5E

Codici CSS

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

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