#2D2028 - #5E5B5E | 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 #2D2028 a #5E5B5E

#2D2028 #5E5B5E

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

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

0.0%	0.0% #2D2028	RGB 45 32 40	#2D2028
16.7%	16.7% #352931	RGB 53 41 49	#352931
33.3%	33.3% #3D333A	RGB 61 51 58	#3D333A
50.0%	50.0% #453D43	RGB 69 61 67	#453D43
66.7%	66.7% #4D474C	RGB 77 71 76	#4D474C
83.3%	83.3% #555155	RGB 85 81 85	#555155
100.0%	100.0% #5E5B5E	RGB 94 91 94	#5E5B5E

#2D2028 #352931 #3D333A #453D43 #4D474C #555155 #5E5B5E

#2D2028 - #5E5B5E

Miscela HSV

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

0.0%	0.0% #2D2028	RGB 45 32 40	#2D2028
16.7%	16.7% #352830	RGB 53 40 48	#352830
33.3%	33.3% #3D303A	RGB 61 48 58	#3D303A
50.0%	50.0% #453A43	RGB 69 58 67	#453A43
66.7%	66.7% #4D444C	RGB 77 68 76	#4D444C
83.3%	83.3% #554F55	RGB 85 79 85	#554F55
100.0%	100.0% #5E5B5E	RGB 94 91 94	#5E5B5E

#2D2028 #352830 #3D303A #453A43 #4D444C #554F55 #5E5B5E

#2D2028 - #453A43 - #5E5B5E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2028 0%, #453A43 50%, #5E5B5E 100%);
    background: -webkit-linear-gradient(top, #2D2028 0%, #453A43 50%, #5E5B5E 100%);
    background: linear-gradient(to bottom, #2D2028 0%, #453A43 50%, #5E5B5E 100%);
}
</style>