#FF5B64 - #48191C | 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 #FF5B64 a #48191C

#FF5B64 #48191C

Calcola il colore tra due colori, #FF5B64 e #48191C. 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)

#FF5B64 - #48191C | 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 #FF5B64 come 0% e #48191C come 100%.

0.0%	0.0% #FF5B64	RGB 255 91 100	#FF5B64
16.7%	16.7% #E05058	RGB 224 80 88	#E05058
33.3%	33.3% #C2454C	RGB 194 69 76	#C2454C
50.0%	50.0% #A33A40	RGB 163 58 64	#A33A40
66.7%	66.7% #842F34	RGB 132 47 52	#842F34
83.3%	83.3% #662428	RGB 102 36 40	#662428
100.0%	100.0% #48191C	RGB 72 25 28	#48191C

#FF5B64 #E05058 #C2454C #A33A40 #842F34 #662428 #48191C

#FF5B64 - #48191C

Miscela HSV

#FF5B64 - #48191C | 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 #FF5B64 come 0% e #48191C come 100%.

0.0%	0.0% #FF5B64	RGB 255 91 100	#FF5B64
16.7%	16.7% #E04F57	RGB 224 79 87	#E04F57
33.3%	33.3% #C2444B	RGB 194 68 75	#C2444B
50.0%	50.0% #A3393F	RGB 163 57 63	#A3393F
66.7%	66.7% #842E33	RGB 132 46 51	#842E33
83.3%	83.3% #662327	RGB 102 35 39	#662327
100.0%	100.0% #48191C	RGB 72 25 28	#48191C

#FF5B64 #E04F57 #C2444B #A3393F #842E33 #662327 #48191C

#FF5B64 - #A3393F - #48191C

Codici CSS

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

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