#5E2B5A - #C47587 | 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 #5E2B5A a #C47587

#5E2B5A #C47587

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

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

0.0%	0.0% #5E2B5A	RGB 94 43 90	#5E2B5A
16.7%	16.7% #6F3761	RGB 111 55 97	#6F3761
33.3%	33.3% #804369	RGB 128 67 105	#804369
50.0%	50.0% #915070	RGB 145 80 112	#915070
66.7%	66.7% #A25C78	RGB 162 92 120	#A25C78
83.3%	83.3% #B3687F	RGB 179 104 127	#B3687F
100.0%	100.0% #C47587	RGB 196 117 135	#C47587

#5E2B5A #6F3761 #804369 #915070 #A25C78 #B3687F #C47587

#5E2B5A - #C47587

Miscela HSV

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

0.0%	0.0% #5E2B5A	RGB 94 43 90	#5E2B5A
16.7%	16.7% #6F3563	RGB 111 53 99	#6F3563
33.3%	33.3% #80406C	RGB 128 64 108	#80406C
50.0%	50.0% #914C73	RGB 145 76 115	#914C73
66.7%	66.7% #A2597A	RGB 162 89 122	#A2597A
83.3%	83.3% #B36680	RGB 179 102 128	#B36680
100.0%	100.0% #C47587	RGB 196 117 135	#C47587

#5E2B5A #6F3563 #80406C #914C73 #A2597A #B36680 #C47587

#5E2B5A - #914C73 - #C47587

Codici CSS

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

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