#C54EB6 - #EECCEA | 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 #C54EB6 a #EECCEA

#C54EB6 #EECCEA

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

#C54EB6 - #EECCEA | 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 #C54EB6 come 0% e #EECCEA come 100%.

0.0%	0.0% #C54EB6	RGB 197 78 182	#C54EB6
16.7%	16.7% #CB63BE	RGB 203 99 190	#CB63BE
33.3%	33.3% #D278C7	RGB 210 120 199	#D278C7
50.0%	50.0% #D98DD0	RGB 217 141 208	#D98DD0
66.7%	66.7% #E0A2D8	RGB 224 162 216	#E0A2D8
83.3%	83.3% #E7B7E1	RGB 231 183 225	#E7B7E1
100.0%	100.0% #EECCEA	RGB 238 204 234	#EECCEA

#C54EB6 #CB63BE #D278C7 #D98DD0 #E0A2D8 #E7B7E1 #EECCEA

#C54EB6 - #EECCEA

Miscela HSV

#C54EB6 - #EECCEA | 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 #C54EB6 come 0% e #EECCEA come 100%.

0.0%	0.0% #C54EB6	RGB 197 78 182	#C54EB6
16.7%	16.7% #CB60BE	RGB 203 96 190	#CB60BE
33.3%	33.3% #D273C6	RGB 210 115 198	#D273C6
50.0%	50.0% #D988CF	RGB 217 136 207	#D988CF
66.7%	66.7% #E09DD8	RGB 224 157 216	#E09DD8
83.3%	83.3% #E7B4E1	RGB 231 180 225	#E7B4E1
100.0%	100.0% #EECCEA	RGB 238 204 234	#EECCEA

#C54EB6 #CB60BE #D273C6 #D988CF #E09DD8 #E7B4E1 #EECCEA

#C54EB6 - #D988CF - #EECCEA

Codici CSS

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

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