#FD5E64 - #481A1C | 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 #FD5E64 a #481A1C

#FD5E64 #481A1C

Calcola il colore tra due colori, #FD5E64 e #481A1C. 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)

#FD5E64 - #481A1C | 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 #FD5E64 come 0% e #481A1C come 100%.

0.0%	0.0% #FD5E64	RGB 253 94 100	#FD5E64
16.7%	16.7% #DE5258	RGB 222 82 88	#DE5258
33.3%	33.3% #C0474C	RGB 192 71 76	#C0474C
50.0%	50.0% #A23C40	RGB 162 60 64	#A23C40
66.7%	66.7% #843034	RGB 132 48 52	#843034
83.3%	83.3% #662528	RGB 102 37 40	#662528
100.0%	100.0% #481A1C	RGB 72 26 28	#481A1C

#FD5E64 #DE5258 #C0474C #A23C40 #843034 #662528 #481A1C

#FD5E64 - #481A1C

Miscela HSV

#FD5E64 - #481A1C | 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 #FD5E64 come 0% e #481A1C come 100%.

0.0%	0.0% #FD5E64	RGB 253 94 100	#FD5E64
16.7%	16.7% #DE5257	RGB 222 82 87	#DE5257
33.3%	33.3% #C0464B	RGB 192 70 75	#C0464B
50.0%	50.0% #A23B3F	RGB 162 59 63	#A23B3F
66.7%	66.7% #843033	RGB 132 48 51	#843033
83.3%	83.3% #662527	RGB 102 37 39	#662527
100.0%	100.0% #481A1C	RGB 72 26 28	#481A1C

#FD5E64 #DE5257 #C0464B #A23B3F #843033 #662527 #481A1C

#FD5E64 - #A23B3F - #481A1C

Codici CSS

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

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