#BB3A00 - #5E3715 | 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 #BB3A00 a #5E3715

#BB3A00 #5E3715

Calcola il colore tra due colori, #BB3A00 e #5E3715. 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)

#BB3A00 - #5E3715 | 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 #BB3A00 come 0% e #5E3715 come 100%.

0.0%	0.0% #BB3A00	RGB 187 58 0	#BB3A00
16.7%	16.7% #AB3903	RGB 171 57 3	#AB3903
33.3%	33.3% #9C3907	RGB 156 57 7	#9C3907
50.0%	50.0% #8C380A	RGB 140 56 10	#8C380A
66.7%	66.7% #7D380E	RGB 125 56 14	#7D380E
83.3%	83.3% #6D3711	RGB 109 55 17	#6D3711
100.0%	100.0% #5E3715	RGB 94 55 21	#5E3715

#BB3A00 #AB3903 #9C3907 #8C380A #7D380E #6D3711 #5E3715

#BB3A00 - #5E3715

Miscela HSV

#BB3A00 - #5E3715 | 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 #BB3A00 come 0% e #5E3715 come 100%.

0.0%	0.0% #BB3A00	RGB 187 58 0	#BB3A00
16.7%	16.7% #AB3D06	RGB 171 61 6	#AB3D06
33.3%	33.3% #9C3F0B	RGB 156 63 11	#9C3F0B
50.0%	50.0% #8C400F	RGB 140 64 15	#8C400F
66.7%	66.7% #7D3E12	RGB 125 62 18	#7D3E12
83.3%	83.3% #6D3B14	RGB 109 59 20	#6D3B14
100.0%	100.0% #5E3715	RGB 94 55 21	#5E3715

#BB3A00 #AB3D06 #9C3F0B #8C400F #7D3E12 #6D3B14 #5E3715

#BB3A00 - #8C400F - #5E3715

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BB3A00 0%, #8C400F 50%, #5E3715 100%);
    background: -webkit-linear-gradient(top, #BB3A00 0%, #8C400F 50%, #5E3715 100%);
    background: linear-gradient(to bottom, #BB3A00 0%, #8C400F 50%, #5E3715 100%);
}
</style>