#ED5E94 - #A70249 | 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 #ED5E94 a #A70249

#ED5E94 #A70249

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

#ED5E94 - #A70249 | 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 #ED5E94 come 0% e #A70249 come 100%.

0.0%	0.0% #ED5E94	RGB 237 94 148	#ED5E94
16.7%	16.7% #E14E87	RGB 225 78 135	#E14E87
33.3%	33.3% #D53F7B	RGB 213 63 123	#D53F7B
50.0%	50.0% #CA306E	RGB 202 48 110	#CA306E
66.7%	66.7% #BE2062	RGB 190 32 98	#BE2062
83.3%	83.3% #B21155	RGB 178 17 85	#B21155
100.0%	100.0% #A70249	RGB 167 2 73	#A70249

#ED5E94 #E14E87 #D53F7B #CA306E #BE2062 #B21155 #A70249

#ED5E94 - #A70249

Miscela HSV

#ED5E94 - #A70249 | 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 #ED5E94 come 0% e #A70249 come 100%.

0.0%	0.0% #ED5E94	RGB 237 94 148	#ED5E94
16.7%	16.7% #E14A85	RGB 225 74 133	#E14A85
33.3%	33.3% #D53977	RGB 213 57 119	#D53977
50.0%	50.0% #CA296A	RGB 202 41 106	#CA296A
66.7%	66.7% #BE1A5E	RGB 190 26 94	#BE1A5E
83.3%	83.3% #B20D53	RGB 178 13 83	#B20D53
100.0%	100.0% #A70249	RGB 167 2 73	#A70249

#ED5E94 #E14A85 #D53977 #CA296A #BE1A5E #B20D53 #A70249

#ED5E94 - #CA296A - #A70249

Codici CSS

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

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