#3E1548 - #A64C5E | 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 #3E1548 a #A64C5E

#3E1548 #A64C5E

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

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

0.0%	0.0% #3E1548	RGB 62 21 72	#3E1548
16.7%	16.7% #4F1E4B	RGB 79 30 75	#4F1E4B
33.3%	33.3% #60274F	RGB 96 39 79	#60274F
50.0%	50.0% #723053	RGB 114 48 83	#723053
66.7%	66.7% #833956	RGB 131 57 86	#833956
83.3%	83.3% #94425A	RGB 148 66 90	#94425A
100.0%	100.0% #A64C5E	RGB 166 76 94	#A64C5E

#3E1548 #4F1E4B #60274F #723053 #833956 #94425A #A64C5E

#3E1548 - #A64C5E

Miscela HSV

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

0.0%	0.0% #3D1548	RGB 61 21 72	#3D1548
16.7%	16.7% #551B57	RGB 85 27 87	#551B57
33.3%	33.3% #67235E	RGB 103 35 94	#67235E
50.0%	50.0% #772C60	RGB 119 44 96	#772C60
66.7%	66.7% #863661	RGB 134 54 97	#863661
83.3%	83.3% #964060	RGB 150 64 96	#964060
100.0%	100.0% #A64C5E	RGB 166 76 94	#A64C5E

#3D1548 #551B57 #67235E #772C60 #863661 #964060 #A64C5E

#3E1548 - #772C60 - #A64C5E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D1548 0%, #772C60 50%, #A64C5E 100%);
    background: -webkit-linear-gradient(top, #3D1548 0%, #772C60 50%, #A64C5E 100%);
    background: linear-gradient(to bottom, #3D1548 0%, #772C60 50%, #A64C5E 100%);
}
</style>