#DF9C9C - #C74946 | 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 #DF9C9C a #C74946

#DF9C9C #C74946

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

#DF9C9C - #C74946 | 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 #DF9C9C come 0% e #C74946 come 100%.

0.0%	0.0% #DF9C9C	RGB 223 156 156	#DF9C9C
16.7%	16.7% #DB8E8D	RGB 219 142 141	#DB8E8D
33.3%	33.3% #D7807F	RGB 215 128 127	#D7807F
50.0%	50.0% #D37271	RGB 211 114 113	#D37271
66.7%	66.7% #CF6462	RGB 207 100 98	#CF6462
83.3%	83.3% #CB5654	RGB 203 86 84	#CB5654
100.0%	100.0% #C74946	RGB 199 73 70	#C74946

#DF9C9C #DB8E8D #D7807F #D37271 #CF6462 #CB5654 #C74946

#DF9C9C - #C74946

Miscela HSV

#DF9C9C - #C74946 | 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 #DF9C9C come 0% e #C74946 come 100%.

0.0%	0.0% #DF9C9C	RGB 223 156 156	#DF9C9C
16.7%	16.7% #DB8C8C	RGB 219 140 140	#DB8C8C
33.3%	33.3% #D77E7D	RGB 215 126 125	#D77E7D
50.0%	50.0% #D3706E	RGB 211 112 110	#D3706E
66.7%	66.7% #CF6260	RGB 207 98 96	#CF6260
83.3%	83.3% #CB5553	RGB 203 85 83	#CB5553
100.0%	100.0% #C74946	RGB 199 73 70	#C74946

#DF9C9C #DB8C8C #D77E7D #D3706E #CF6260 #CB5553 #C74946

#DF9C9C - #D3706E - #C74946

Codici CSS

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

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