#7B5E5E - #4D0F1D | 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 #7B5E5E a #4D0F1D

#7B5E5E #4D0F1D

Calcola il colore tra due colori, #7B5E5E e #4D0F1D. 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)

#7B5E5E - #4D0F1D | 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 #7B5E5E come 0% e #4D0F1D come 100%.

0.0%	0.0% #7B5E5E	RGB 123 94 94	#7B5E5E
16.7%	16.7% #735053	RGB 115 80 83	#735053
33.3%	33.3% #6B4348	RGB 107 67 72	#6B4348
50.0%	50.0% #64363D	RGB 100 54 61	#64363D
66.7%	66.7% #5C2932	RGB 92 41 50	#5C2932
83.3%	83.3% #541C27	RGB 84 28 39	#541C27
100.0%	100.0% #4D0F1D	RGB 77 15 29	#4D0F1D

#7B5E5E #735053 #6B4348 #64363D #5C2932 #541C27 #4D0F1D

#7B5E5E - #4D0F1D

Miscela HSV

#7B5E5E - #4D0F1D | 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 #7B5E5E come 0% e #4D0F1D come 100%.

0.0%	0.0% #7B5E5E	RGB 123 94 94	#7B5E5E
16.7%	16.7% #734D4E	RGB 115 77 78	#734D4E
33.3%	33.3% #6B3D41	RGB 107 61 65	#6B3D41
50.0%	50.0% #642F35	RGB 100 47 53	#642F35
66.7%	66.7% #5C232C	RGB 92 35 44	#5C232C
83.3%	83.3% #541823	RGB 84 24 35	#541823
100.0%	100.0% #4D0F1D	RGB 77 15 29	#4D0F1D

#7B5E5E #734D4E #6B3D41 #642F35 #5C232C #541823 #4D0F1D

#7B5E5E - #642F35 - #4D0F1D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B5E5E 0%, #642F35 50%, #4D0F1D 100%);
    background: -webkit-linear-gradient(top, #7B5E5E 0%, #642F35 50%, #4D0F1D 100%);
    background: linear-gradient(to bottom, #7B5E5E 0%, #642F35 50%, #4D0F1D 100%);
}
</style>