#ED3C3C - #A70F0F | 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 #ED3C3C a #A70F0F

#ED3C3C #A70F0F

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

#ED3C3C - #A70F0F | 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 #ED3C3C come 0% e #A70F0F come 100%.

0.0%	0.0% #ED3C3C	RGB 237 60 60	#ED3C3C
16.7%	16.7% #E13434	RGB 225 52 52	#E13434
33.3%	33.3% #D52D2D	RGB 213 45 45	#D52D2D
50.0%	50.0% #CA2525	RGB 202 37 37	#CA2525
66.7%	66.7% #BE1E1E	RGB 190 30 30	#BE1E1E
83.3%	83.3% #B21616	RGB 178 22 22	#B21616
100.0%	100.0% #A70F0F	RGB 167 15 15	#A70F0F

#ED3C3C #E13434 #D52D2D #CA2525 #BE1E1E #B21616 #A70F0F

#ED3C3C - #A70F0F

Miscela HSV

#ED3C3C - #A70F0F | 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 #ED3C3C come 0% e #A70F0F come 100%.

0.0%	0.0% #ED3B3B	RGB 237 59 59	#ED3B3B
16.7%	16.7% #E13232	RGB 225 50 50	#E13232
33.3%	33.3% #D52A2A	RGB 213 42 42	#D52A2A
50.0%	50.0% #CA2222	RGB 202 34 34	#CA2222
66.7%	66.7% #BE1B1B	RGB 190 27 27	#BE1B1B
83.3%	83.3% #B21414	RGB 178 20 20	#B21414
100.0%	100.0% #A70F0F	RGB 167 15 15	#A70F0F

#ED3B3B #E13232 #D52A2A #CA2222 #BE1B1B #B21414 #A70F0F

#ED3C3C - #CA2222 - #A70F0F

Codici CSS

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

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