#FF4DC8 - #FF6C7E | 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 #FF4DC8 a #FF6C7E

#FF4DC8 #FF6C7E

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

#FF4DC8 - #FF6C7E | 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 #FF4DC8 come 0% e #FF6C7E come 100%.

0.0%	0.0% #FF4DC8	RGB 255 77 200	#FF4DC8
16.7%	16.7% #FF52BB	RGB 255 82 187	#FF52BB
33.3%	33.3% #FF57AF	RGB 255 87 175	#FF57AF
50.0%	50.0% #FF5CA3	RGB 255 92 163	#FF5CA3
66.7%	66.7% #FF6196	RGB 255 97 150	#FF6196
83.3%	83.3% #FF668A	RGB 255 102 138	#FF668A
100.0%	100.0% #FF6C7E	RGB 255 108 126	#FF6C7E

#FF4DC8 #FF52BB #FF57AF #FF5CA3 #FF6196 #FF668A #FF6C7E

#FF4DC8 - #FF6C7E

Miscela HSV

#FF4DC8 - #FF6C7E | 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 #FF4DC8 come 0% e #FF6C7E come 100%.

0.0%	0.0% #FF4DC8	RGB 255 77 200	#FF4DC8
16.7%	16.7% #FF52B9	RGB 255 82 185	#FF52B9
33.3%	33.3% #FF57AB	RGB 255 87 171	#FF57AB
50.0%	50.0% #FF5C9E	RGB 255 92 158	#FF5C9E
66.7%	66.7% #FF6192	RGB 255 97 146	#FF6192
83.3%	83.3% #FF6687	RGB 255 102 135	#FF6687
100.0%	100.0% #FF6C7E	RGB 255 108 126	#FF6C7E

#FF4DC8 #FF52B9 #FF57AB #FF5C9E #FF6192 #FF6687 #FF6C7E

#FF4DC8 - #FF5C9E - #FF6C7E

Codici CSS

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

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