#C11EB6 - #FC92EB | 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 #C11EB6 a #FC92EB

#C11EB6 #FC92EB

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

#C11EB6 - #FC92EB | 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 #C11EB6 come 0% e #FC92EB come 100%.

0.0%	0.0% #C11EB6	RGB 193 30 182	#C11EB6
16.7%	16.7% #CA31BE	RGB 202 49 190	#CA31BE
33.3%	33.3% #D444C7	RGB 212 68 199	#D444C7
50.0%	50.0% #DE58D0	RGB 222 88 208	#DE58D0
66.7%	66.7% #E86BD9	RGB 232 107 217	#E86BD9
83.3%	83.3% #F27EE2	RGB 242 126 226	#F27EE2
100.0%	100.0% #FC92EB	RGB 252 146 235	#FC92EB

#C11EB6 #CA31BE #D444C7 #DE58D0 #E86BD9 #F27EE2 #FC92EB

#C11EB6 - #FC92EB

Miscela HSV

#C11EB6 - #FC92EB | 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 #C11EB6 come 0% e #FC92EB come 100%.

0.0%	0.0% #C11DB6	RGB 193 29 182	#C11DB6
16.7%	16.7% #CA2DBD	RGB 202 45 189	#CA2DBD
33.3%	33.3% #D43FC5	RGB 212 63 197	#D43FC5
50.0%	50.0% #DE51CE	RGB 222 81 206	#DE51CE
66.7%	66.7% #E865D7	RGB 232 101 215	#E865D7
83.3%	83.3% #F27BE0	RGB 242 123 224	#F27BE0
100.0%	100.0% #FC92EB	RGB 252 146 235	#FC92EB

#C11DB6 #CA2DBD #D43FC5 #DE51CE #E865D7 #F27BE0 #FC92EB

#C11EB6 - #DE51CE - #FC92EB

Codici CSS

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

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