#241E23 - #816059 | 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 #241E23 a #816059

#241E23 #816059

Calcola il colore tra due colori, #241E23 e #816059. 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)

#241E23 - #816059 | 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 #241E23 come 0% e #816059 come 100%.

0.0%	0.0% #241E23	RGB 36 30 35	#241E23
16.7%	16.7% #33292C	RGB 51 41 44	#33292C
33.3%	33.3% #433435	RGB 67 52 53	#433435
50.0%	50.0% #523F3E	RGB 82 63 62	#523F3E
66.7%	66.7% #624A47	RGB 98 74 71	#624A47
83.3%	83.3% #715550	RGB 113 85 80	#715550
100.0%	100.0% #816059	RGB 129 96 89	#816059

#241E23 #33292C #433435 #523F3E #624A47 #715550 #816059

#241E23 - #816059

Miscela HSV

#241E23 - #816059 | 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 #241E23 come 0% e #816059 come 100%.

0.0%	0.0% #241E23	RGB 36 30 35	#241E23
16.7%	16.7% #332930	RGB 51 41 48	#332930
33.3%	33.3% #43343B	RGB 67 52 59	#43343B
50.0%	50.0% #523E45	RGB 82 62 69	#523E45
66.7%	66.7% #62484C	RGB 98 72 76	#62484C
83.3%	83.3% #715151	RGB 113 81 81	#715151
100.0%	100.0% #816059	RGB 129 96 89	#816059

#241E23 #332930 #43343B #523E45 #62484C #715151 #816059

#241E23 - #523E45 - #816059

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #241E23 0%, #523E45 50%, #816059 100%);
    background: -webkit-linear-gradient(top, #241E23 0%, #523E45 50%, #816059 100%);
    background: linear-gradient(to bottom, #241E23 0%, #523E45 50%, #816059 100%);
}
</style>