#844B5E - #4C151B | 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 #844B5E a #4C151B

#844B5E #4C151B

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

#844B5E - #4C151B | 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 #844B5E come 0% e #4C151B come 100%.

0.0%	0.0% #844B5E	RGB 132 75 94	#844B5E
16.7%	16.7% #7A4252	RGB 122 66 82	#7A4252
33.3%	33.3% #713947	RGB 113 57 71	#713947
50.0%	50.0% #68303C	RGB 104 48 60	#68303C
66.7%	66.7% #5E2731	RGB 94 39 49	#5E2731
83.3%	83.3% #551E26	RGB 85 30 38	#551E26
100.0%	100.0% #4C151B	RGB 76 21 27	#4C151B

#844B5E #7A4252 #713947 #68303C #5E2731 #551E26 #4C151B

#844B5E - #4C151B

Miscela HSV

#844B5E - #4C151B | 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 #844B5E come 0% e #4C151B come 100%.

0.0%	0.0% #844B5D	RGB 132 75 93	#844B5D
16.7%	16.7% #7A3F51	RGB 122 63 81	#7A3F51
33.3%	33.3% #713544	RGB 113 53 68	#713544
50.0%	50.0% #682B39	RGB 104 43 57	#682B39
66.7%	66.7% #5E232E	RGB 94 35 46	#5E232E
83.3%	83.3% #551B24	RGB 85 27 36	#551B24
100.0%	100.0% #4C151B	RGB 76 21 27	#4C151B

#844B5D #7A3F51 #713544 #682B39 #5E232E #551B24 #4C151B

#844B5E - #682B39 - #4C151B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #844B5D 0%, #682B39 50%, #4C151B 100%);
    background: -webkit-linear-gradient(top, #844B5D 0%, #682B39 50%, #4C151B 100%);
    background: linear-gradient(to bottom, #844B5D 0%, #682B39 50%, #4C151B 100%);
}
</style>