#E5E2DF - #AEB383 | 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 #E5E2DF a #AEB383

#E5E2DF #AEB383

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

#E5E2DF - #AEB383 | 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 #E5E2DF come 0% e #AEB383 come 100%.

0.0%	0.0% #E5E2DF	RGB 229 226 223	#E5E2DF
16.7%	16.7% #DBDACF	RGB 219 218 207	#DBDACF
33.3%	33.3% #D2D2C0	RGB 210 210 192	#D2D2C0
50.0%	50.0% #C9CAB1	RGB 201 202 177	#C9CAB1
66.7%	66.7% #C0C2A1	RGB 192 194 161	#C0C2A1
83.3%	83.3% #B7BA92	RGB 183 186 146	#B7BA92
100.0%	100.0% #AEB383	RGB 174 179 131	#AEB383

#E5E2DF #DBDACF #D2D2C0 #C9CAB1 #C0C2A1 #B7BA92 #AEB383

#E5E2DF - #AEB383

Miscela HSV

#E5E2DF - #AEB383 | 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 #E5E2DF come 0% e #AEB383 come 100%.

0.0%	0.0% #E5E2DF	RGB 229 226 223	#E5E2DF
16.7%	16.7% #DCD6CD	RGB 220 214 205	#DCD6CD
33.3%	33.3% #D4CDBD	RGB 212 205 189	#D4CDBD
50.0%	50.0% #CCC6AD	RGB 204 198 173	#CCC6AD
66.7%	66.7% #C3C09E	RGB 195 192 158	#C3C09E
83.3%	83.3% #BBBB90	RGB 187 187 144	#BBBB90
100.0%	100.0% #AEB383	RGB 174 179 131	#AEB383

#E5E2DF #DCD6CD #D4CDBD #CCC6AD #C3C09E #BBBB90 #AEB383

#E5E2DF - #CCC6AD - #AEB383

Codici CSS

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

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