#C92D3B - #FF793D | 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 #C92D3B a #FF793D

#C92D3B #FF793D

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

#C92D3B - #FF793D | 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 #C92D3B come 0% e #FF793D come 100%.

0.0%	0.0% #C92D3B	RGB 201 45 59	#C92D3B
16.7%	16.7% #D2393B	RGB 210 57 59	#D2393B
33.3%	33.3% #DB463B	RGB 219 70 59	#DB463B
50.0%	50.0% #E4533C	RGB 228 83 60	#E4533C
66.7%	66.7% #ED5F3C	RGB 237 95 60	#ED5F3C
83.3%	83.3% #F66C3C	RGB 246 108 60	#F66C3C
100.0%	100.0% #FF793D	RGB 255 121 61	#FF793D

#C92D3B #D2393B #DB463B #E4533C #ED5F3C #F66C3C #FF793D

#C92D3B - #FF793D

Miscela HSV

#C92D3B - #FF793D | 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 #C92D3B come 0% e #FF793D come 100%.

0.0%	0.0% #C92D3A	RGB 201 45 58	#C92D3A
16.7%	16.7% #D22F33	RGB 210 47 51	#D22F33
33.3%	33.3% #DB3932	RGB 219 57 50	#DB3932
50.0%	50.0% #E44834	RGB 228 72 52	#E44834
66.7%	66.7% #ED5737	RGB 237 87 55	#ED5737
83.3%	83.3% #F6673A	RGB 246 103 58	#F6673A
100.0%	100.0% #FF793D	RGB 255 121 61	#FF793D

#C92D3A #D22F33 #DB3932 #E44834 #ED5737 #F6673A #FF793D

#C92D3B - #E44834 - #FF793D

Codici CSS

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

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