#3E2D2D - #85557F | 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 #3E2D2D a #85557F

#3E2D2D #85557F

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

#3E2D2D - #85557F | 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 #3E2D2D come 0% e #85557F come 100%.

0.0%	0.0% #3E2D2D	RGB 62 45 45	#3E2D2D
16.7%	16.7% #49333A	RGB 73 51 58	#49333A
33.3%	33.3% #553A48	RGB 85 58 72	#553A48
50.0%	50.0% #614156	RGB 97 65 86	#614156
66.7%	66.7% #6D4763	RGB 109 71 99	#6D4763
83.3%	83.3% #794E71	RGB 121 78 113	#794E71
100.0%	100.0% #85557F	RGB 133 85 127	#85557F

#3E2D2D #49333A #553A48 #614156 #6D4763 #794E71 #85557F

#3E2D2D - #85557F

Miscela HSV

#3E2D2D - #85557F | 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 #3E2D2D come 0% e #85557F come 100%.

0.0%	0.0% #3E2D2D	RGB 62 45 45	#3E2D2D
16.7%	16.7% #493437	RGB 73 52 55	#493437
33.3%	33.3% #553B43	RGB 85 59 67	#553B43
50.0%	50.0% #614250	RGB 97 66 80	#614250
66.7%	66.7% #6D495E	RGB 109 73 94	#6D495E
83.3%	83.3% #794F6D	RGB 121 79 109	#794F6D
100.0%	100.0% #85557F	RGB 133 85 127	#85557F

#3E2D2D #493437 #553B43 #614250 #6D495E #794F6D #85557F

#3E2D2D - #614250 - #85557F

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E2D2D 0%, #614250 50%, #85557F 100%);
    background: -webkit-linear-gradient(top, #3E2D2D 0%, #614250 50%, #85557F 100%);
    background: linear-gradient(to bottom, #3E2D2D 0%, #614250 50%, #85557F 100%);
}
</style>