#4A00A1 - #200070 | 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 #4A00A1 a #200070

#4A00A1 #200070

Calcola il colore tra due colori, #4A00A1 e #200070. 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)

#4A00A1 - #200070 | 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 #4A00A1 come 0% e #200070 come 100%.

0.0%	0.0% #4A00A1	RGB 74 0 161	#4A00A1
16.7%	16.7% #430098	RGB 67 0 152	#430098
33.3%	33.3% #3C0090	RGB 60 0 144	#3C0090
50.0%	50.0% #350088	RGB 53 0 136	#350088
66.7%	66.7% #2E0080	RGB 46 0 128	#2E0080
83.3%	83.3% #270078	RGB 39 0 120	#270078
100.0%	100.0% #200070	RGB 32 0 112	#200070

#4A00A1 #430098 #3C0090 #350088 #2E0080 #270078 #200070

#4A00A1 - #200070

Miscela HSV

#4A00A1 - #200070 | 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 #4A00A1 come 0% e #200070 come 100%.

0.0%	0.0% #4A00A1	RGB 74 0 161	#4A00A1
16.7%	16.7% #410098	RGB 65 0 152	#410098
33.3%	33.3% #3A0090	RGB 58 0 144	#3A0090
50.0%	50.0% #320088	RGB 50 0 136	#320088
66.7%	66.7% #2C0080	RGB 44 0 128	#2C0080
83.3%	83.3% #250078	RGB 37 0 120	#250078
100.0%	100.0% #200070	RGB 32 0 112	#200070

#4A00A1 #410098 #3A0090 #320088 #2C0080 #250078 #200070

#4A00A1 - #320088 - #200070

Codici CSS

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

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