#C76D5E - #FF917F | 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 #C76D5E a #FF917F

#C76D5E #FF917F

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

#C76D5E - #FF917F | 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 #C76D5E come 0% e #FF917F come 100%.

0.0%	0.0% #C76D5E	RGB 199 109 94	#C76D5E
16.7%	16.7% #D07363	RGB 208 115 99	#D07363
33.3%	33.3% #D97969	RGB 217 121 105	#D97969
50.0%	50.0% #E37F6E	RGB 227 127 110	#E37F6E
66.7%	66.7% #EC8574	RGB 236 133 116	#EC8574
83.3%	83.3% #F58B79	RGB 245 139 121	#F58B79
100.0%	100.0% #FF917F	RGB 255 145 127	#FF917F

#C76D5E #D07363 #D97969 #E37F6E #EC8574 #F58B79 #FF917F

#C76D5E - #FF917F

Miscela HSV

#C76D5E - #FF917F | 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 #C76D5E come 0% e #FF917F come 100%.

0.0%	0.0% #C76D5E	RGB 199 109 94	#C76D5E
16.7%	16.7% #D07263	RGB 208 114 99	#D07263
33.3%	33.3% #D97868	RGB 217 120 104	#D97868
50.0%	50.0% #E37E6E	RGB 227 126 110	#E37E6E
66.7%	66.7% #EC8473	RGB 236 132 115	#EC8473
83.3%	83.3% #F58A79	RGB 245 138 121	#F58A79
100.0%	100.0% #FF917F	RGB 255 145 127	#FF917F

#C76D5E #D07263 #D97868 #E37E6E #EC8473 #F58A79 #FF917F

#C76D5E - #E37E6E - #FF917F

Codici CSS

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

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