#F1F1B5 - #D3CD5E | 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 #F1F1B5 a #D3CD5E

#F1F1B5 #D3CD5E

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

#F1F1B5 - #D3CD5E | 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 #F1F1B5 come 0% e #D3CD5E come 100%.

0.0%	0.0% #F1F1B5	RGB 241 241 181	#F1F1B5
16.7%	16.7% #ECEBA6	RGB 236 235 166	#ECEBA6
33.3%	33.3% #E7E598	RGB 231 229 152	#E7E598
50.0%	50.0% #E2DF89	RGB 226 223 137	#E2DF89
66.7%	66.7% #DDD97B	RGB 221 217 123	#DDD97B
83.3%	83.3% #D8D36C	RGB 216 211 108	#D8D36C
100.0%	100.0% #D3CD5E	RGB 211 205 94	#D3CD5E

#F1F1B5 #ECEBA6 #E7E598 #E2DF89 #DDD97B #D8D36C #D3CD5E

#F1F1B5 - #D3CD5E

Miscela HSV

#F1F1B5 - #D3CD5E | 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 #F1F1B5 come 0% e #D3CD5E come 100%.

0.0%	0.0% #F1F1B5	RGB 241 241 181	#F1F1B5
16.7%	16.7% #ECEBA5	RGB 236 235 165	#ECEBA5
33.3%	33.3% #E7E595	RGB 231 229 149	#E7E595
50.0%	50.0% #E2DF87	RGB 226 223 135	#E2DF87
66.7%	66.7% #DDD978	RGB 221 217 120	#DDD978
83.3%	83.3% #D8D36B	RGB 216 211 107	#D8D36B
100.0%	100.0% #D3CD5E	RGB 211 205 94	#D3CD5E

#F1F1B5 #ECEBA5 #E7E595 #E2DF87 #DDD978 #D8D36B #D3CD5E

#F1F1B5 - #E2DF87 - #D3CD5E

Codici CSS

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

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