#EE5A8D - #FFC1A8 | 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 #EE5A8D a #FFC1A8

#EE5A8D #FFC1A8

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

#EE5A8D - #FFC1A8 | 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 #EE5A8D come 0% e #FFC1A8 come 100%.

0.0%	0.0% #EE5A8D	RGB 238 90 141	#EE5A8D
16.7%	16.7% #F06B91	RGB 240 107 145	#F06B91
33.3%	33.3% #F37C96	RGB 243 124 150	#F37C96
50.0%	50.0% #F68D9A	RGB 246 141 154	#F68D9A
66.7%	66.7% #F99E9F	RGB 249 158 159	#F99E9F
83.3%	83.3% #FCAFA3	RGB 252 175 163	#FCAFA3
100.0%	100.0% #FFC1A8	RGB 255 193 168	#FFC1A8

#EE5A8D #F06B91 #F37C96 #F68D9A #F99E9F #FCAFA3 #FFC1A8

#EE5A8D - #FFC1A8

Miscela HSV

#EE5A8D - #FFC1A8 | 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 #EE5A8D come 0% e #FFC1A8 come 100%.

0.0%	0.0% #EE5A8C	RGB 238 90 140	#EE5A8C
16.7%	16.7% #F06687	RGB 240 102 135	#F06687
33.3%	33.3% #F37284	RGB 243 114 132	#F37284
50.0%	50.0% #F67F83	RGB 246 127 131	#F67F83
66.7%	66.7% #F9958C	RGB 249 149 140	#F9958C
83.3%	83.3% #FCAC9A	RGB 252 172 154	#FCAC9A
100.0%	100.0% #FFC1A8	RGB 255 193 168	#FFC1A8

#EE5A8C #F06687 #F37284 #F67F83 #F9958C #FCAC9A #FFC1A8

#EE5A8D - #F67F83 - #FFC1A8

Codici CSS

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

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