#DC5E53 - #AA2016 | 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 #DC5E53 a #AA2016

#DC5E53 #AA2016

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

#DC5E53 - #AA2016 | 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 #DC5E53 come 0% e #AA2016 come 100%.

0.0%	0.0% #DC5E53	RGB 220 94 83	#DC5E53
16.7%	16.7% #D35348	RGB 211 83 72	#D35348
33.3%	33.3% #CB493E	RGB 203 73 62	#CB493E
50.0%	50.0% #C33F34	RGB 195 63 52	#C33F34
66.7%	66.7% #BA342A	RGB 186 52 42	#BA342A
83.3%	83.3% #B22A20	RGB 178 42 32	#B22A20
100.0%	100.0% #AA2016	RGB 170 32 22	#AA2016

#DC5E53 #D35348 #CB493E #C33F34 #BA342A #B22A20 #AA2016

#DC5E53 - #AA2016

Miscela HSV

#DC5E53 - #AA2016 | 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 #DC5E53 come 0% e #AA2016 come 100%.

0.0%	0.0% #DC5E53	RGB 220 94 83	#DC5E53
16.7%	16.7% #D35247	RGB 211 82 71	#D35247
33.3%	33.3% #CB463B	RGB 203 70 59	#CB463B
50.0%	50.0% #C33C31	RGB 195 60 49	#C33C31
66.7%	66.7% #BA3227	RGB 186 50 39	#BA3227
83.3%	83.3% #B2281E	RGB 178 40 30	#B2281E
100.0%	100.0% #AA2016	RGB 170 32 22	#AA2016

#DC5E53 #D35247 #CB463B #C33C31 #BA3227 #B2281E #AA2016

#DC5E53 - #C33C31 - #AA2016

Codici CSS

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

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