#5E2D4F - #C47477 | 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 #5E2D4F a #C47477

#5E2D4F #C47477

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

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

0.0%	0.0% #5E2D4F	RGB 94 45 79	#5E2D4F
16.7%	16.7% #6F3855	RGB 111 56 85	#6F3855
33.3%	33.3% #80445C	RGB 128 68 92	#80445C
50.0%	50.0% #915063	RGB 145 80 99	#915063
66.7%	66.7% #A25C69	RGB 162 92 105	#A25C69
83.3%	83.3% #B36870	RGB 179 104 112	#B36870
100.0%	100.0% #C47477	RGB 196 116 119	#C47477

#5E2D4F #6F3855 #80445C #915063 #A25C69 #B36870 #C47477

#5E2D4F - #C47477

Miscela HSV

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

0.0%	0.0% #5E2D4E	RGB 94 45 78	#5E2D4E
16.7%	16.7% #6F3757	RGB 111 55 87	#6F3757
33.3%	33.3% #80425F	RGB 128 66 95	#80425F
50.0%	50.0% #914D66	RGB 145 77 102	#914D66
66.7%	66.7% #A2596C	RGB 162 89 108	#A2596C
83.3%	83.3% #B36671	RGB 179 102 113	#B36671
100.0%	100.0% #C47477	RGB 196 116 119	#C47477

#5E2D4E #6F3757 #80425F #914D66 #A2596C #B36671 #C47477

#5E2D4F - #914D66 - #C47477

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2D4E 0%, #914D66 50%, #C47477 100%);
    background: -webkit-linear-gradient(top, #5E2D4E 0%, #914D66 50%, #C47477 100%);
    background: linear-gradient(to bottom, #5E2D4E 0%, #914D66 50%, #C47477 100%);
}
</style>