#2D1523 - #5E3A5B | 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 #2D1523 a #5E3A5B

#2D1523 #5E3A5B

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

#2D1523 - #5E3A5B | 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 #2D1523 come 0% e #5E3A5B come 100%.

0.0%	0.0% #2D1523	RGB 45 21 35	#2D1523
16.7%	16.7% #351B2C	RGB 53 27 44	#351B2C
33.3%	33.3% #3D2135	RGB 61 33 53	#3D2135
50.0%	50.0% #45273F	RGB 69 39 63	#45273F
66.7%	66.7% #4D2D48	RGB 77 45 72	#4D2D48
83.3%	83.3% #553351	RGB 85 51 81	#553351
100.0%	100.0% #5E3A5B	RGB 94 58 91	#5E3A5B

#2D1523 #351B2C #3D2135 #45273F #4D2D48 #553351 #5E3A5B

#2D1523 - #5E3A5B

Miscela HSV

#2D1523 - #5E3A5B | 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 #2D1523 come 0% e #5E3A5B come 100%.

0.0%	0.0% #2D1522	RGB 45 21 34	#2D1522
16.7%	16.7% #351A2B	RGB 53 26 43	#351A2B
33.3%	33.3% #3D1F34	RGB 61 31 52	#3D1F34
50.0%	50.0% #45253D	RGB 69 37 61	#45253D
66.7%	66.7% #4D2C47	RGB 77 44 71	#4D2C47
83.3%	83.3% #553250	RGB 85 50 80	#553250
100.0%	100.0% #5E3A5B	RGB 94 58 91	#5E3A5B

#2D1522 #351A2B #3D1F34 #45253D #4D2C47 #553250 #5E3A5B

#2D1523 - #45253D - #5E3A5B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D1522 0%, #45253D 50%, #5E3A5B 100%);
    background: -webkit-linear-gradient(top, #2D1522 0%, #45253D 50%, #5E3A5B 100%);
    background: linear-gradient(to bottom, #2D1522 0%, #45253D 50%, #5E3A5B 100%);
}
</style>