#EF6E5E - #C4271B | 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 #EF6E5E a #C4271B

#EF6E5E #C4271B

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

#EF6E5E - #C4271B | 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 #EF6E5E come 0% e #C4271B come 100%.

0.0%	0.0% #EF6E5E	RGB 239 110 94	#EF6E5E
16.7%	16.7% #E76252	RGB 231 98 82	#E76252
33.3%	33.3% #E05647	RGB 224 86 71	#E05647
50.0%	50.0% #D94A3C	RGB 217 74 60	#D94A3C
66.7%	66.7% #D23E31	RGB 210 62 49	#D23E31
83.3%	83.3% #CB3226	RGB 203 50 38	#CB3226
100.0%	100.0% #C4271B	RGB 196 39 27	#C4271B

#EF6E5E #E76252 #E05647 #D94A3C #D23E31 #CB3226 #C4271B

#EF6E5E - #C4271B

Miscela HSV

#EF6E5E - #C4271B | 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 #EF6E5E come 0% e #C4271B come 100%.

0.0%	0.0% #EF6E5E	RGB 239 110 94	#EF6E5E
16.7%	16.7% #E76051	RGB 231 96 81	#E76051
33.3%	33.3% #E05445	RGB 224 84 69	#E05445
50.0%	50.0% #D94839	RGB 217 72 57	#D94839
66.7%	66.7% #D23C2E	RGB 210 60 46	#D23C2E
83.3%	83.3% #CB3124	RGB 203 49 36	#CB3124
100.0%	100.0% #C4271B	RGB 196 39 27	#C4271B

#EF6E5E #E76051 #E05445 #D94839 #D23C2E #CB3124 #C4271B

#EF6E5E - #D94839 - #C4271B

Codici CSS

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

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