#EB6FE9 - #B100AF | 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 #EB6FE9 a #B100AF

#EB6FE9 #B100AF

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

#EB6FE9 - #B100AF | 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 #EB6FE9 come 0% e #B100AF come 100%.

0.0%	0.0% #EB6FE9	RGB 235 111 233	#EB6FE9
16.7%	16.7% #E15CDF	RGB 225 92 223	#E15CDF
33.3%	33.3% #D74AD5	RGB 215 74 213	#D74AD5
50.0%	50.0% #CE37CC	RGB 206 55 204	#CE37CC
66.7%	66.7% #C425C2	RGB 196 37 194	#C425C2
83.3%	83.3% #BA12B8	RGB 186 18 184	#BA12B8
100.0%	100.0% #B100AF	RGB 177 0 175	#B100AF

#EB6FE9 #E15CDF #D74AD5 #CE37CC #C425C2 #BA12B8 #B100AF

#EB6FE9 - #B100AF

Miscela HSV

#EB6FE9 - #B100AF | 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 #EB6FE9 come 0% e #B100AF come 100%.

0.0%	0.0% #EB6FE9	RGB 235 111 233	#EB6FE9
16.7%	16.7% #E158DF	RGB 225 88 223	#E158DF
33.3%	33.3% #D743D5	RGB 215 67 213	#D743D5
50.0%	50.0% #CE30CB	RGB 206 48 203	#CE30CB
66.7%	66.7% #C41EC2	RGB 196 30 194	#C41EC2
83.3%	83.3% #BA0EB8	RGB 186 14 184	#BA0EB8
100.0%	100.0% #B100AF	RGB 177 0 175	#B100AF

#EB6FE9 #E158DF #D743D5 #CE30CB #C41EC2 #BA0EB8 #B100AF

#EB6FE9 - #CE30CB - #B100AF

Codici CSS

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

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