#AB5E4D - #7E2711 | 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 #AB5E4D a #7E2711

#AB5E4D #7E2711

Calcola il colore tra due colori, #AB5E4D e #7E2711. 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)

#AB5E4D - #7E2711 | 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 #AB5E4D come 0% e #7E2711 come 100%.

0.0%	0.0% #AB5E4D	RGB 171 94 77	#AB5E4D
16.7%	16.7% #A35443	RGB 163 84 67	#A35443
33.3%	33.3% #9C4B39	RGB 156 75 57	#9C4B39
50.0%	50.0% #94422F	RGB 148 66 47	#94422F
66.7%	66.7% #8D3925	RGB 141 57 37	#8D3925
83.3%	83.3% #85301B	RGB 133 48 27	#85301B
100.0%	100.0% #7E2711	RGB 126 39 17	#7E2711

#AB5E4D #A35443 #9C4B39 #94422F #8D3925 #85301B #7E2711

#AB5E4D - #7E2711

Miscela HSV

#AB5E4D - #7E2711 | 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 #AB5E4D come 0% e #7E2711 come 100%.

0.0%	0.0% #AB5E4D	RGB 171 94 77	#AB5E4D
16.7%	16.7% #A35341	RGB 163 83 65	#A35341
33.3%	33.3% #9C4935	RGB 156 73 53	#9C4935
50.0%	50.0% #943F2B	RGB 148 63 43	#943F2B
66.7%	66.7% #8D3621	RGB 141 54 33	#8D3621
83.3%	83.3% #852E19	RGB 133 46 25	#852E19
100.0%	100.0% #7E2711	RGB 126 39 17	#7E2711

#AB5E4D #A35341 #9C4935 #943F2B #8D3621 #852E19 #7E2711

#AB5E4D - #943F2B - #7E2711

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB5E4D 0%, #943F2B 50%, #7E2711 100%);
    background: -webkit-linear-gradient(top, #AB5E4D 0%, #943F2B 50%, #7E2711 100%);
    background: linear-gradient(to bottom, #AB5E4D 0%, #943F2B 50%, #7E2711 100%);
}
</style>