#C05C92 - #FCB7AF | 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 #C05C92 a #FCB7AF

#C05C92 #FCB7AF

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

#C05C92 - #FCB7AF | 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 #C05C92 come 0% e #FCB7AF come 100%.

0.0%	0.0% #C05C92	RGB 192 92 146	#C05C92
16.7%	16.7% #CA6B96	RGB 202 107 150	#CA6B96
33.3%	33.3% #D47A9B	RGB 212 122 155	#D47A9B
50.0%	50.0% #DE89A0	RGB 222 137 160	#DE89A0
66.7%	66.7% #E898A5	RGB 232 152 165	#E898A5
83.3%	83.3% #F2A7AA	RGB 242 167 170	#F2A7AA
100.0%	100.0% #FCB7AF	RGB 252 183 175	#FCB7AF

#C05C92 #CA6B96 #D47A9B #DE89A0 #E898A5 #F2A7AA #FCB7AF

#C05C92 - #FCB7AF

Miscela HSV

#C05C92 - #FCB7AF | 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 #C05C92 come 0% e #FCB7AF come 100%.

0.0%	0.0% #C05C91	RGB 192 92 145	#C05C91
16.7%	16.7% #CA6892	RGB 202 104 146	#CA6892
33.3%	33.3% #D47493	RGB 212 116 147	#D47493
50.0%	50.0% #DE8296	RGB 222 130 150	#DE8296
66.7%	66.7% #E8909A	RGB 232 144 154	#E8909A
83.3%	83.3% #F29F9F	RGB 242 159 159	#F29F9F
100.0%	100.0% #FCB7AF	RGB 252 183 175	#FCB7AF

#C05C91 #CA6892 #D47493 #DE8296 #E8909A #F29F9F #FCB7AF

#C05C92 - #DE8296 - #FCB7AF

Codici CSS

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

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