#ED5A8F - #F9CFDF | 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 #ED5A8F a #F9CFDF

#ED5A8F #F9CFDF

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

#ED5A8F - #F9CFDF | 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 #ED5A8F come 0% e #F9CFDF come 100%.

0.0%	0.0% #ED5A8F	RGB 237 90 143	#ED5A8F
16.7%	16.7% #EF6D9C	RGB 239 109 156	#EF6D9C
33.3%	33.3% #F181A9	RGB 241 129 169	#F181A9
50.0%	50.0% #F394B7	RGB 243 148 183	#F394B7
66.7%	66.7% #F5A8C4	RGB 245 168 196	#F5A8C4
83.3%	83.3% #F7BBD1	RGB 247 187 209	#F7BBD1
100.0%	100.0% #F9CFDF	RGB 249 207 223	#F9CFDF

#ED5A8F #EF6D9C #F181A9 #F394B7 #F5A8C4 #F7BBD1 #F9CFDF

#ED5A8F - #F9CFDF

Miscela HSV

#ED5A8F - #F9CFDF | 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 #ED5A8F come 0% e #F9CFDF come 100%.

0.0%	0.0% #ED598F	RGB 237 89 143	#ED598F
16.7%	16.7% #EF6C9C	RGB 239 108 156	#EF6C9C
33.3%	33.3% #F17FA9	RGB 241 127 169	#F17FA9
50.0%	50.0% #F393B6	RGB 243 147 182	#F393B6
66.7%	66.7% #F5A6C4	RGB 245 166 196	#F5A6C4
83.3%	83.3% #F7BAD1	RGB 247 186 209	#F7BAD1
100.0%	100.0% #F9CFDF	RGB 249 207 223	#F9CFDF

#ED598F #EF6C9C #F17FA9 #F393B6 #F5A6C4 #F7BAD1 #F9CFDF

#ED5A8F - #F393B6 - #F9CFDF

Codici CSS

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

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