#C039BA - #EDC6EB | 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 #C039BA a #EDC6EB

#C039BA #EDC6EB

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

#C039BA - #EDC6EB | 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 #C039BA come 0% e #EDC6EB come 100%.

0.0%	0.0% #C039BA	RGB 192 57 186	#C039BA
16.7%	16.7% #C750C2	RGB 199 80 194	#C750C2
33.3%	33.3% #CF68CA	RGB 207 104 202	#CF68CA
50.0%	50.0% #D67FD2	RGB 214 127 210	#D67FD2
66.7%	66.7% #DE97DA	RGB 222 151 218	#DE97DA
83.3%	83.3% #E5AEE2	RGB 229 174 226	#E5AEE2
100.0%	100.0% #EDC6EB	RGB 237 198 235	#EDC6EB

#C039BA #C750C2 #CF68CA #D67FD2 #DE97DA #E5AEE2 #EDC6EB

#C039BA - #EDC6EB

Miscela HSV

#C039BA - #EDC6EB | 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 #C039BA come 0% e #EDC6EB come 100%.

0.0%	0.0% #C039BA	RGB 192 57 186	#C039BA
16.7%	16.7% #C74DC1	RGB 199 77 193	#C74DC1
33.3%	33.3% #CF62C9	RGB 207 98 201	#CF62C9
50.0%	50.0% #D679D2	RGB 214 121 210	#D679D2
66.7%	66.7% #DE91DA	RGB 222 145 218	#DE91DA
83.3%	83.3% #E5ABE2	RGB 229 171 226	#E5ABE2
100.0%	100.0% #EDC6EB	RGB 237 198 235	#EDC6EB

#C039BA #C74DC1 #CF62C9 #D679D2 #DE91DA #E5ABE2 #EDC6EB

#C039BA - #D679D2 - #EDC6EB

Codici CSS

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

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