#5E2D47 - #DB4BCD | 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 #5E2D47 a #DB4BCD

#5E2D47 #DB4BCD

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

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

0.0%	0.0% #5E2D47	RGB 94 45 71	#5E2D47
16.7%	16.7% #72325D	RGB 114 50 93	#72325D
33.3%	33.3% #873773	RGB 135 55 115	#873773
50.0%	50.0% #9C3C8A	RGB 156 60 138	#9C3C8A
66.7%	66.7% #B141A0	RGB 177 65 160	#B141A0
83.3%	83.3% #C646B6	RGB 198 70 182	#C646B6
100.0%	100.0% #DB4BCD	RGB 219 75 205	#DB4BCD

#5E2D47 #72325D #873773 #9C3C8A #B141A0 #C646B6 #DB4BCD

#5E2D47 - #DB4BCD

Miscela HSV

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

0.0%	0.0% #5E2D46	RGB 94 45 70	#5E2D46
16.7%	16.7% #723459	RGB 114 52 89	#723459
33.3%	33.3% #873A6D	RGB 135 58 109	#873A6D
50.0%	50.0% #9C4082	RGB 156 64 130	#9C4082
66.7%	66.7% #B14499	RGB 177 68 153	#B14499
83.3%	83.3% #C648B2	RGB 198 72 178	#C648B2
100.0%	100.0% #DB4BCD	RGB 219 75 205	#DB4BCD

#5E2D46 #723459 #873A6D #9C4082 #B14499 #C648B2 #DB4BCD

#5E2D47 - #9C4082 - #DB4BCD

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2D46 0%, #9C4082 50%, #DB4BCD 100%);
    background: -webkit-linear-gradient(top, #5E2D46 0%, #9C4082 50%, #DB4BCD 100%);
    background: linear-gradient(to bottom, #5E2D46 0%, #9C4082 50%, #DB4BCD 100%);
}
</style>