#4D3E4D - #828B72 | 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 #4D3E4D a #828B72

#4D3E4D #828B72

Calcola il colore tra due colori, #4D3E4D e #828B72. 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)

#4D3E4D - #828B72 | 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 #4D3E4D come 0% e #828B72 come 100%.

0.0%	0.0% #4D3E4D	RGB 77 62 77	#4D3E4D
16.7%	16.7% #554A53	RGB 85 74 83	#554A53
33.3%	33.3% #5E5759	RGB 94 87 89	#5E5759
50.0%	50.0% #67645F	RGB 103 100 95	#67645F
66.7%	66.7% #707165	RGB 112 113 101	#707165
83.3%	83.3% #797E6B	RGB 121 126 107	#797E6B
100.0%	100.0% #828B72	RGB 130 139 114	#828B72

#4D3E4D #554A53 #5E5759 #67645F #707165 #797E6B #828B72

#4D3E4D - #828B72

Miscela HSV

#4D3E4D - #828B72 | 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 #4D3E4D come 0% e #828B72 come 100%.

0.0%	0.0% #4D3E4D	RGB 77 62 77	#4D3E4D
16.7%	16.7% #574650	RGB 87 70 80	#574650
33.3%	33.3% #614F53	RGB 97 79 83	#614F53
50.0%	50.0% #6C5B57	RGB 108 91 87	#6C5B57
66.7%	66.7% #766D60	RGB 118 109 96	#766D60
83.3%	83.3% #807F69	RGB 128 127 105	#807F69
100.0%	100.0% #828B72	RGB 130 139 114	#828B72

#4D3E4D #574650 #614F53 #6C5B57 #766D60 #807F69 #828B72

#4D3E4D - #6C5B57 - #828B72

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3E4D 0%, #6C5B57 50%, #828B72 100%);
    background: -webkit-linear-gradient(top, #4D3E4D 0%, #6C5B57 50%, #828B72 100%);
    background: linear-gradient(to bottom, #4D3E4D 0%, #6C5B57 50%, #828B72 100%);
}
</style>