#DA9A8C - #FDE0AF | 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 #DA9A8C a #FDE0AF

#DA9A8C #FDE0AF

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

#DA9A8C - #FDE0AF | 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 #DA9A8C come 0% e #FDE0AF come 100%.

0.0%	0.0% #DA9A8C	RGB 218 154 140	#DA9A8C
16.7%	16.7% #DFA591	RGB 223 165 145	#DFA591
33.3%	33.3% #E5B197	RGB 229 177 151	#E5B197
50.0%	50.0% #EBBD9D	RGB 235 189 157	#EBBD9D
66.7%	66.7% #F1C8A3	RGB 241 200 163	#F1C8A3
83.3%	83.3% #F7D4A9	RGB 247 212 169	#F7D4A9
100.0%	100.0% #FDE0AF	RGB 253 224 175	#FDE0AF

#DA9A8C #DFA591 #E5B197 #EBBD9D #F1C8A3 #F7D4A9 #FDE0AF

#DA9A8C - #FDE0AF

Miscela HSV

#DA9A8C - #FDE0AF | 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 #DA9A8C come 0% e #FDE0AF come 100%.

0.0%	0.0% #DA9A8C	RGB 218 154 140	#DA9A8C
16.7%	16.7% #DFA591	RGB 223 165 145	#DFA591
33.3%	33.3% #E5B197	RGB 229 177 151	#E5B197
50.0%	50.0% #EBBC9D	RGB 235 188 157	#EBBC9D
66.7%	66.7% #F1C8A2	RGB 241 200 162	#F1C8A2
83.3%	83.3% #F7D4A8	RGB 247 212 168	#F7D4A8
100.0%	100.0% #FDE0AF	RGB 253 224 175	#FDE0AF

#DA9A8C #DFA591 #E5B197 #EBBC9D #F1C8A2 #F7D4A8 #FDE0AF

#DA9A8C - #EBBC9D - #FDE0AF

Codici CSS

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

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