#D57D5E - #FEC97C | 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 #D57D5E a #FEC97C

#D57D5E #FEC97C

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

#D57D5E - #FEC97C | 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 #D57D5E come 0% e #FEC97C come 100%.

0.0%	0.0% #D57D5E	RGB 213 125 94	#D57D5E
16.7%	16.7% #DB8963	RGB 219 137 99	#DB8963
33.3%	33.3% #E29668	RGB 226 150 104	#E29668
50.0%	50.0% #E9A36D	RGB 233 163 109	#E9A36D
66.7%	66.7% #F0AF72	RGB 240 175 114	#F0AF72
83.3%	83.3% #F7BC77	RGB 247 188 119	#F7BC77
100.0%	100.0% #FEC97C	RGB 254 201 124	#FEC97C

#D57D5E #DB8963 #E29668 #E9A36D #F0AF72 #F7BC77 #FEC97C

#D57D5E - #FEC97C

Miscela HSV

#D57D5E - #FEC97C | 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 #D57D5E come 0% e #FEC97C come 100%.

0.0%	0.0% #D57D5E	RGB 213 125 94	#D57D5E
16.7%	16.7% #DB8862	RGB 219 136 98	#DB8862
33.3%	33.3% #E29567	RGB 226 149 103	#E29567
50.0%	50.0% #E9A16C	RGB 233 161 108	#E9A16C
66.7%	66.7% #F0AE71	RGB 240 174 113	#F0AE71
83.3%	83.3% #F7BB76	RGB 247 187 118	#F7BB76
100.0%	100.0% #FEC97C	RGB 254 201 124	#FEC97C

#D57D5E #DB8862 #E29567 #E9A16C #F0AE71 #F7BB76 #FEC97C

#D57D5E - #E9A16C - #FEC97C

Codici CSS

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

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