#E2DAC5 - #B2AC5E | 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 #E2DAC5 a #B2AC5E

#E2DAC5 #B2AC5E

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

#E2DAC5 - #B2AC5E | 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 #E2DAC5 come 0% e #B2AC5E come 100%.

0.0%	0.0% #E2DAC5	RGB 226 218 197	#E2DAC5
16.7%	16.7% #DAD2B3	RGB 218 210 179	#DAD2B3
33.3%	33.3% #D2CAA2	RGB 210 202 162	#D2CAA2
50.0%	50.0% #CAC391	RGB 202 195 145	#CAC391
66.7%	66.7% #C2BB80	RGB 194 187 128	#C2BB80
83.3%	83.3% #BAB36F	RGB 186 179 111	#BAB36F
100.0%	100.0% #B2AC5E	RGB 178 172 94	#B2AC5E

#E2DAC5 #DAD2B3 #D2CAA2 #CAC391 #C2BB80 #BAB36F #B2AC5E

#E2DAC5 - #B2AC5E

Miscela HSV

#E2DAC5 - #B2AC5E | 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 #E2DAC5 come 0% e #B2AC5E come 100%.

0.0%	0.0% #E2DAC5	RGB 226 218 197	#E2DAC5
16.7%	16.7% #DAD0B1	RGB 218 208 177	#DAD0B1
33.3%	33.3% #D2C79F	RGB 210 199 159	#D2C79F
50.0%	50.0% #CABF8D	RGB 202 191 141	#CABF8D
66.7%	66.7% #C2B87C	RGB 194 184 124	#C2B87C
83.3%	83.3% #BAB16C	RGB 186 177 108	#BAB16C
100.0%	100.0% #B2AC5E	RGB 178 172 94	#B2AC5E

#E2DAC5 #DAD0B1 #D2C79F #CABF8D #C2B87C #BAB16C #B2AC5E

#E2DAC5 - #CABF8D - #B2AC5E

Codici CSS

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

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