#5E683E - #D1D3C7 | 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 #5E683E a #D1D3C7

#5E683E #D1D3C7

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

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

0.0%	0.0% #5E683E	RGB 94 104 62	#5E683E
16.7%	16.7% #717954	RGB 113 121 84	#717954
33.3%	33.3% #848B6B	RGB 132 139 107	#848B6B
50.0%	50.0% #979D82	RGB 151 157 130	#979D82
66.7%	66.7% #AAAF99	RGB 170 175 153	#AAAF99
83.3%	83.3% #BDC1B0	RGB 189 193 176	#BDC1B0
100.0%	100.0% #D1D3C7	RGB 209 211 199	#D1D3C7

#5E683E #717954 #848B6B #979D82 #AAAF99 #BDC1B0 #D1D3C7

#5E683E - #D1D3C7

Miscela HSV

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

0.0%	0.0% #5E683E	RGB 94 104 62	#5E683E
16.7%	16.7% #70794F	RGB 112 121 79	#70794F
33.3%	33.3% #838B63	RGB 131 139 99	#838B63
50.0%	50.0% #969D79	RGB 150 157 121	#969D79
66.7%	66.7% #A9AF91	RGB 169 175 145	#A9AF91
83.3%	83.3% #BDC1AB	RGB 189 193 171	#BDC1AB
100.0%	100.0% #D1D3C7	RGB 209 211 199	#D1D3C7

#5E683E #70794F #838B63 #969D79 #A9AF91 #BDC1AB #D1D3C7

#5E683E - #969D79 - #D1D3C7

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E683E 0%, #969D79 50%, #D1D3C7 100%);
    background: -webkit-linear-gradient(top, #5E683E 0%, #969D79 50%, #D1D3C7 100%);
    background: linear-gradient(to bottom, #5E683E 0%, #969D79 50%, #D1D3C7 100%);
}
</style>