#2D2D2D - #41003E | 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 #2D2D2D a #41003E

#2D2D2D #41003E

Calcola il colore tra due colori, #2D2D2D e #41003E. 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)

#2D2D2D - #41003E | 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 #2D2D2D come 0% e #41003E come 100%.

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #30252F	RGB 48 37 47	#30252F
33.3%	33.3% #331E32	RGB 51 30 50	#331E32
50.0%	50.0% #371635	RGB 55 22 53	#371635
66.7%	66.7% #3A0E38	RGB 58 14 56	#3A0E38
83.3%	83.3% #3D073B	RGB 61 7 59	#3D073B
100.0%	100.0% #41003E	RGB 65 0 62	#41003E

#2D2D2D #30252F #331E32 #371635 #3A0E38 #3D073B #41003E

#2D2D2D - #41003E

Miscela HSV

#2D2D2D - #41003E | 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 #2D2D2D come 0% e #41003E come 100%.

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #302829	RGB 48 40 41	#302829
33.3%	33.3% #332227	RGB 51 34 39	#332227
50.0%	50.0% #371B28	RGB 55 27 40	#371B28
66.7%	66.7% #3A132C	RGB 58 19 44	#3A132C
83.3%	83.3% #3D0A33	RGB 61 10 51	#3D0A33
100.0%	100.0% #41003E	RGB 65 0 62	#41003E

#2D2D2D #302829 #332227 #371B28 #3A132C #3D0A33 #41003E

#2D2D2D - #371B28 - #41003E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2D2D 0%, #371B28 50%, #41003E 100%);
    background: -webkit-linear-gradient(top, #2D2D2D 0%, #371B28 50%, #41003E 100%);
    background: linear-gradient(to bottom, #2D2D2D 0%, #371B28 50%, #41003E 100%);
}
</style>