#E3E2D4 - #AA9276 | 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 #E3E2D4 a #AA9276

#E3E2D4 #AA9276

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

#E3E2D4 - #AA9276 | 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 #E3E2D4 come 0% e #AA9276 come 100%.

0.0%	0.0% #E3E2D4	RGB 227 226 212	#E3E2D4
16.7%	16.7% #D9D4C4	RGB 217 212 196	#D9D4C4
33.3%	33.3% #D0C7B4	RGB 208 199 180	#D0C7B4
50.0%	50.0% #C6BAA5	RGB 198 186 165	#C6BAA5
66.7%	66.7% #BDAC95	RGB 189 172 149	#BDAC95
83.3%	83.3% #B39F85	RGB 179 159 133	#B39F85
100.0%	100.0% #AA9276	RGB 170 146 118	#AA9276

#E3E2D4 #D9D4C4 #D0C7B4 #C6BAA5 #BDAC95 #B39F85 #AA9276

#E3E2D4 - #AA9276

Miscela HSV

#E3E2D4 - #AA9276 | 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 #E3E2D4 come 0% e #AA9276 come 100%.

0.0%	0.0% #E3E2D4	RGB 227 226 212	#E3E2D4
16.7%	16.7% #D9D6C2	RGB 217 214 194	#D9D6C2
33.3%	33.3% #D0C9B1	RGB 208 201 177	#D0C9B1
50.0%	50.0% #C6BCA1	RGB 198 188 161	#C6BCA1
66.7%	66.7% #BDAE92	RGB 189 174 146	#BDAE92
83.3%	83.3% #B3A083	RGB 179 160 131	#B3A083
100.0%	100.0% #AA9276	RGB 170 146 118	#AA9276

#E3E2D4 #D9D6C2 #D0C9B1 #C6BCA1 #BDAE92 #B3A083 #AA9276

#E3E2D4 - #C6BCA1 - #AA9276

Codici CSS

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

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