#633492 - #3E085E | 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 #633492 a #3E085E

#633492 #3E085E

Calcola il colore tra due colori, #633492 e #3E085E. 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)

#633492 - #3E085E | 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 #633492 come 0% e #3E085E come 100%.

0.0%	0.0% #633492	RGB 99 52 146	#633492
16.7%	16.7% #5C2C89	RGB 92 44 137	#5C2C89
33.3%	33.3% #562580	RGB 86 37 128	#562580
50.0%	50.0% #501E78	RGB 80 30 120	#501E78
66.7%	66.7% #4A166F	RGB 74 22 111	#4A166F
83.3%	83.3% #440F66	RGB 68 15 102	#440F66
100.0%	100.0% #3E085E	RGB 62 8 94	#3E085E

#633492 #5C2C89 #562580 #501E78 #4A166F #440F66 #3E085E

#633492 - #3E085E

Miscela HSV

#633492 - #3E085E | 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 #633492 come 0% e #3E085E come 100%.

0.0%	0.0% #633492	RGB 99 52 146	#633492
16.7%	16.7% #5C2A89	RGB 92 42 137	#5C2A89
33.3%	33.3% #552280	RGB 85 34 128	#552280
50.0%	50.0% #4F1A78	RGB 79 26 120	#4F1A78
66.7%	66.7% #49136F	RGB 73 19 111	#49136F
83.3%	83.3% #430D66	RGB 67 13 102	#430D66
100.0%	100.0% #3E085E	RGB 62 8 94	#3E085E

#633492 #5C2A89 #552280 #4F1A78 #49136F #430D66 #3E085E

#633492 - #4F1A78 - #3E085E

Codici CSS

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

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