#5E001C - #B85DA5 | 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 #5E001C a #B85DA5

#5E001C #B85DA5

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

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

0.0%	0.0% #5E001C	RGB 94 0 28	#5E001C
16.7%	16.7% #6D0F32	RGB 109 15 50	#6D0F32
33.3%	33.3% #7C1F49	RGB 124 31 73	#7C1F49
50.0%	50.0% #8B2E60	RGB 139 46 96	#8B2E60
66.7%	66.7% #9A3E77	RGB 154 62 119	#9A3E77
83.3%	83.3% #A94D8E	RGB 169 77 142	#A94D8E
100.0%	100.0% #B85DA5	RGB 184 93 165	#B85DA5

#5E001C #6D0F32 #7C1F49 #8B2E60 #9A3E77 #A94D8E #B85DA5

#5E001C - #B85DA5

Miscela HSV

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

0.0%	0.0% #5E001B	RGB 94 0 27	#5E001B
16.7%	16.7% #6D092F	RGB 109 9 47	#6D092F
33.3%	33.3% #7C1444	RGB 124 20 68	#7C1444
50.0%	50.0% #8B235B	RGB 139 35 91	#8B235B
66.7%	66.7% #9A3373	RGB 154 51 115	#9A3373
83.3%	83.3% #A9478C	RGB 169 71 140	#A9478C
100.0%	100.0% #B85DA5	RGB 184 93 165	#B85DA5

#5E001B #6D092F #7C1444 #8B235B #9A3373 #A9478C #B85DA5

#5E001C - #8B235B - #B85DA5

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E001B 0%, #8B235B 50%, #B85DA5 100%);
    background: -webkit-linear-gradient(top, #5E001B 0%, #8B235B 50%, #B85DA5 100%);
    background: linear-gradient(to bottom, #5E001B 0%, #8B235B 50%, #B85DA5 100%);
}
</style>