#963E3E - #EB8759 | 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 #963E3E a #EB8759

#963E3E #EB8759

Calcola il colore tra due colori, #963E3E e #EB8759. 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)

#963E3E - #EB8759 | 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 #963E3E come 0% e #EB8759 come 100%.

0.0%	0.0% #963E3E	RGB 150 62 62	#963E3E
16.7%	16.7% #A44A42	RGB 164 74 66	#A44A42
33.3%	33.3% #B25647	RGB 178 86 71	#B25647
50.0%	50.0% #C0624B	RGB 192 98 75	#C0624B
66.7%	66.7% #CE6E50	RGB 206 110 80	#CE6E50
83.3%	83.3% #DC7A54	RGB 220 122 84	#DC7A54
100.0%	100.0% #EB8759	RGB 235 135 89	#EB8759

#963E3E #A44A42 #B25647 #C0624B #CE6E50 #DC7A54 #EB8759

#963E3E - #EB8759

Miscela HSV

#963E3E - #EB8759 | 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 #963E3E come 0% e #EB8759 come 100%.

0.0%	0.0% #963E3E	RGB 150 62 62	#963E3E
16.7%	16.7% #A44842	RGB 164 72 66	#A44842
33.3%	33.3% #B25247	RGB 178 82 71	#B25247
50.0%	50.0% #C05E4C	RGB 192 94 76	#C05E4C
66.7%	66.7% #CE6B50	RGB 206 107 80	#CE6B50
83.3%	83.3% #DC7854	RGB 220 120 84	#DC7854
100.0%	100.0% #EB8759	RGB 235 135 89	#EB8759

#963E3E #A44842 #B25247 #C05E4C #CE6B50 #DC7854 #EB8759

#963E3E - #C05E4C - #EB8759

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #963E3E 0%, #C05E4C 50%, #EB8759 100%);
    background: -webkit-linear-gradient(top, #963E3E 0%, #C05E4C 50%, #EB8759 100%);
    background: linear-gradient(to bottom, #963E3E 0%, #C05E4C 50%, #EB8759 100%);
}
</style>