#3E3C3C - #86678F | 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 #3E3C3C a #86678F

#3E3C3C #86678F

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

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

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #4A4349	RGB 74 67 73	#4A4349
33.3%	33.3% #564A57	RGB 86 74 87	#564A57
50.0%	50.0% #625165	RGB 98 81 101	#625165
66.7%	66.7% #6E5873	RGB 110 88 115	#6E5873
83.3%	83.3% #7A5F81	RGB 122 95 129	#7A5F81
100.0%	100.0% #86678F	RGB 134 103 143	#86678F

#3E3C3C #4A4349 #564A57 #625165 #6E5873 #7A5F81 #86678F

#3E3C3C - #86678F

Miscela HSV

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

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #4B4547	RGB 75 69 71	#4B4547
33.3%	33.3% #594E52	RGB 89 78 82	#594E52
50.0%	50.0% #665660	RGB 102 86 96	#665660
66.7%	66.7% #745D6F	RGB 116 93 111	#745D6F
83.3%	83.3% #806281	RGB 128 98 129	#806281
100.0%	100.0% #86678F	RGB 134 103 143	#86678F

#3E3C3C #4B4547 #594E52 #665660 #745D6F #806281 #86678F

#3E3C3C - #665660 - #86678F

Codici CSS

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

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