#3E2D4D - #BA6F67 | 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 #3E2D4D a #BA6F67

#3E2D4D #BA6F67

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

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

0.0%	0.0% #3E2D4D	RGB 62 45 77	#3E2D4D
16.7%	16.7% #523851	RGB 82 56 81	#523851
33.3%	33.3% #674355	RGB 103 67 85	#674355
50.0%	50.0% #7C4E5A	RGB 124 78 90	#7C4E5A
66.7%	66.7% #90595E	RGB 144 89 94	#90595E
83.3%	83.3% #A56462	RGB 165 100 98	#A56462
100.0%	100.0% #BA6F67	RGB 186 111 103	#BA6F67

#3E2D4D #523851 #674355 #7C4E5A #90595E #A56462 #BA6F67

#3E2D4D - #BA6F67

Miscela HSV

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

0.0%	0.0% #3E2D4D	RGB 62 45 77	#3E2D4D
16.7%	16.7% #56375F	RGB 86 55 95	#56375F
33.3%	33.3% #71416E	RGB 113 65 110	#71416E
50.0%	50.0% #834A71	RGB 131 74 113	#834A71
66.7%	66.7% #955470	RGB 149 84 112	#955470
83.3%	83.3% #A75D69	RGB 167 93 105	#A75D69
100.0%	100.0% #BA6F67	RGB 186 111 103	#BA6F67

#3E2D4D #56375F #71416E #834A71 #955470 #A75D69 #BA6F67

#3E2D4D - #834A71 - #BA6F67

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E2D4D 0%, #834A71 50%, #BA6F67 100%);
    background: -webkit-linear-gradient(top, #3E2D4D 0%, #834A71 50%, #BA6F67 100%);
    background: linear-gradient(to bottom, #3E2D4D 0%, #834A71 50%, #BA6F67 100%);
}
</style>