#EB5EBA - #AA006F | 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 #EB5EBA a #AA006F

#EB5EBA #AA006F

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

#EB5EBA - #AA006F | 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 #EB5EBA come 0% e #AA006F come 100%.

0.0%	0.0% #EB5EBA	RGB 235 94 186	#EB5EBA
16.7%	16.7% #E04EAD	RGB 224 78 173	#E04EAD
33.3%	33.3% #D53EA1	RGB 213 62 161	#D53EA1
50.0%	50.0% #CA2F94	RGB 202 47 148	#CA2F94
66.7%	66.7% #BF1F88	RGB 191 31 136	#BF1F88
83.3%	83.3% #B40F7B	RGB 180 15 123	#B40F7B
100.0%	100.0% #AA006F	RGB 170 0 111	#AA006F

#EB5EBA #E04EAD #D53EA1 #CA2F94 #BF1F88 #B40F7B #AA006F

#EB5EBA - #AA006F

Miscela HSV

#EB5EBA - #AA006F | 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 #EB5EBA come 0% e #AA006F come 100%.

0.0%	0.0% #EB5EBA	RGB 235 94 186	#EB5EBA
16.7%	16.7% #E04AAC	RGB 224 74 172	#E04AAC
33.3%	33.3% #D5389E	RGB 213 56 158	#D5389E
50.0%	50.0% #CA2892	RGB 202 40 146	#CA2892
66.7%	66.7% #BF1985	RGB 191 25 133	#BF1985
83.3%	83.3% #B40C7A	RGB 180 12 122	#B40C7A
100.0%	100.0% #AA006F	RGB 170 0 111	#AA006F

#EB5EBA #E04AAC #D5389E #CA2892 #BF1985 #B40C7A #AA006F

#EB5EBA - #CA2892 - #AA006F

Codici CSS

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

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