#8C4B5E - #4F151C | 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 #8C4B5E a #4F151C

#8C4B5E #4F151C

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

#8C4B5E - #4F151C | 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 #8C4B5E come 0% e #4F151C come 100%.

0.0%	0.0% #8C4B5E	RGB 140 75 94	#8C4B5E
16.7%	16.7% #814253	RGB 129 66 83	#814253
33.3%	33.3% #773948	RGB 119 57 72	#773948
50.0%	50.0% #6D303D	RGB 109 48 61	#6D303D
66.7%	66.7% #632732	RGB 99 39 50	#632732
83.3%	83.3% #591E27	RGB 89 30 39	#591E27
100.0%	100.0% #4F151C	RGB 79 21 28	#4F151C

#8C4B5E #814253 #773948 #6D303D #632732 #591E27 #4F151C

#8C4B5E - #4F151C

Miscela HSV

#8C4B5E - #4F151C | 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 #8C4B5E come 0% e #4F151C come 100%.

0.0%	0.0% #8C4B5D	RGB 140 75 93	#8C4B5D
16.7%	16.7% #813F51	RGB 129 63 81	#813F51
33.3%	33.3% #773544	RGB 119 53 68	#773544
50.0%	50.0% #6D2B39	RGB 109 43 57	#6D2B39
66.7%	66.7% #63232E	RGB 99 35 46	#63232E
83.3%	83.3% #591B24	RGB 89 27 36	#591B24
100.0%	100.0% #4F151C	RGB 79 21 28	#4F151C

#8C4B5D #813F51 #773544 #6D2B39 #63232E #591B24 #4F151C

#8C4B5E - #6D2B39 - #4F151C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C4B5D 0%, #6D2B39 50%, #4F151C 100%);
    background: -webkit-linear-gradient(top, #8C4B5D 0%, #6D2B39 50%, #4F151C 100%);
    background: linear-gradient(to bottom, #8C4B5D 0%, #6D2B39 50%, #4F151C 100%);
}
</style>