#AF5E9F - #79074C | 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 #AF5E9F a #79074C

#AF5E9F #79074C

Calcola il colore tra due colori, #AF5E9F e #79074C. 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)

#AF5E9F - #79074C | 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 #AF5E9F come 0% e #79074C come 100%.

0.0%	0.0% #AF5E9F	RGB 175 94 159	#AF5E9F
16.7%	16.7% #A64F91	RGB 166 79 145	#A64F91
33.3%	33.3% #9D4183	RGB 157 65 131	#9D4183
50.0%	50.0% #943275	RGB 148 50 117	#943275
66.7%	66.7% #8B2367	RGB 139 35 103	#8B2367
83.3%	83.3% #821559	RGB 130 21 89	#821559
100.0%	100.0% #79074C	RGB 121 7 76	#79074C

#AF5E9F #A64F91 #9D4183 #943275 #8B2367 #821559 #79074C

#AF5E9F - #79074C

Miscela HSV

#AF5E9F - #79074C | 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 #AF5E9F come 0% e #79074C come 100%.

0.0%	0.0% #AF5E9E	RGB 175 94 158	#AF5E9E
16.7%	16.7% #A64B91	RGB 166 75 145	#A64B91
33.3%	33.3% #9D3B83	RGB 157 59 131	#9D3B83
50.0%	50.0% #942C75	RGB 148 44 117	#942C75
66.7%	66.7% #8B1E67	RGB 139 30 103	#8B1E67
83.3%	83.3% #821159	RGB 130 17 89	#821159
100.0%	100.0% #79074C	RGB 121 7 76	#79074C

#AF5E9E #A64B91 #9D3B83 #942C75 #8B1E67 #821159 #79074C

#AF5E9F - #942C75 - #79074C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF5E9E 0%, #942C75 50%, #79074C 100%);
    background: -webkit-linear-gradient(top, #AF5E9E 0%, #942C75 50%, #79074C 100%);
    background: linear-gradient(to bottom, #AF5E9E 0%, #942C75 50%, #79074C 100%);
}
</style>