#C84D5E - #FF9F6E | 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 #C84D5E a #FF9F6E

#C84D5E #FF9F6E

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

#C84D5E - #FF9F6E | 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 #C84D5E come 0% e #FF9F6E come 100%.

0.0%	0.0% #C84D5E	RGB 200 77 94	#C84D5E
16.7%	16.7% #D15A60	RGB 209 90 96	#D15A60
33.3%	33.3% #DA6863	RGB 218 104 99	#DA6863
50.0%	50.0% #E37666	RGB 227 118 102	#E37666
66.7%	66.7% #EC8368	RGB 236 131 104	#EC8368
83.3%	83.3% #F5916B	RGB 245 145 107	#F5916B
100.0%	100.0% #FF9F6E	RGB 255 159 110	#FF9F6E

#C84D5E #D15A60 #DA6863 #E37666 #EC8368 #F5916B #FF9F6E

#C84D5E - #FF9F6E

Miscela HSV

#C84D5E - #FF9F6E | 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 #C84D5E come 0% e #FF9F6E come 100%.

0.0%	0.0% #C84D5E	RGB 200 77 94	#C84D5E
16.7%	16.7% #D15259	RGB 209 82 89	#D15259
33.3%	33.3% #DA5A57	RGB 218 90 87	#DA5A57
50.0%	50.0% #E36A5C	RGB 227 106 92	#E36A5C
66.7%	66.7% #EC7B62	RGB 236 123 98	#EC7B62
83.3%	83.3% #F58C68	RGB 245 140 104	#F58C68
100.0%	100.0% #FF9F6E	RGB 255 159 110	#FF9F6E

#C84D5E #D15259 #DA5A57 #E36A5C #EC7B62 #F58C68 #FF9F6E

#C84D5E - #E36A5C - #FF9F6E

Codici CSS

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

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