#E5E7DA - #A9BA8B | 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 #E5E7DA a #A9BA8B

#E5E7DA #A9BA8B

Calcola il colore tra due colori, #E5E7DA e #A9BA8B. 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)

#E5E7DA - #A9BA8B | 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 #E5E7DA come 0% e #A9BA8B come 100%.

0.0%	0.0% #E5E7DA	RGB 229 231 218	#E5E7DA
16.7%	16.7% #DBDFCC	RGB 219 223 204	#DBDFCC
33.3%	33.3% #D1D8BF	RGB 209 216 191	#D1D8BF
50.0%	50.0% #C7D0B2	RGB 199 208 178	#C7D0B2
66.7%	66.7% #BDC9A5	RGB 189 201 165	#BDC9A5
83.3%	83.3% #B3C198	RGB 179 193 152	#B3C198
100.0%	100.0% #A9BA8B	RGB 169 186 139	#A9BA8B

#E5E7DA #DBDFCC #D1D8BF #C7D0B2 #BDC9A5 #B3C198 #A9BA8B

#E5E7DA - #A9BA8B

Miscela HSV

#E5E7DA - #A9BA8B | 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 #E5E7DA come 0% e #A9BA8B come 100%.

0.0%	0.0% #E5E7DA	RGB 229 231 218	#E5E7DA
16.7%	16.7% #DBDFCB	RGB 219 223 203	#DBDFCB
33.3%	33.3% #D2D8BD	RGB 210 216 189	#D2D8BD
50.0%	50.0% #C8D0B0	RGB 200 208 176	#C8D0B0
66.7%	66.7% #BDC9A3	RGB 189 201 163	#BDC9A3
83.3%	83.3% #B3C196	RGB 179 193 150	#B3C196
100.0%	100.0% #A9BA8B	RGB 169 186 139	#A9BA8B

#E5E7DA #DBDFCB #D2D8BD #C8D0B0 #BDC9A3 #B3C196 #A9BA8B

#E5E7DA - #C8D0B0 - #A9BA8B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E5E7DA 0%, #C8D0B0 50%, #A9BA8B 100%);
    background: -webkit-linear-gradient(top, #E5E7DA 0%, #C8D0B0 50%, #A9BA8B 100%);
    background: linear-gradient(to bottom, #E5E7DA 0%, #C8D0B0 50%, #A9BA8B 100%);
}
</style>