#EB5EBA - #F9D1EB | 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 #F9D1EB

#EB5EBA #F9D1EB

Calcola il colore tra due colori, #EB5EBA e #F9D1EB. 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 - #F9D1EB | 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 #F9D1EB come 100%.

0.0%	0.0% #EB5EBA	RGB 235 94 186	#EB5EBA
16.7%	16.7% #ED71C2	RGB 237 113 194	#ED71C2
33.3%	33.3% #EF84CA	RGB 239 132 202	#EF84CA
50.0%	50.0% #F297D2	RGB 242 151 210	#F297D2
66.7%	66.7% #F4AADA	RGB 244 170 218	#F4AADA
83.3%	83.3% #F6BDE2	RGB 246 189 226	#F6BDE2
100.0%	100.0% #F9D1EB	RGB 249 209 235	#F9D1EB

#EB5EBA #ED71C2 #EF84CA #F297D2 #F4AADA #F6BDE2 #F9D1EB

#EB5EBA - #F9D1EB

Miscela HSV

#EB5EBA - #F9D1EB | 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 #F9D1EB come 100%.

0.0%	0.0% #EB5EBA	RGB 235 94 186	#EB5EBA
16.7%	16.7% #ED70C1	RGB 237 112 193	#ED70C1
33.3%	33.3% #EF82C9	RGB 239 130 201	#EF82C9
50.0%	50.0% #F295D1	RGB 242 149 209	#F295D1
66.7%	66.7% #F4A9DA	RGB 244 169 218	#F4A9DA
83.3%	83.3% #F6BCE2	RGB 246 188 226	#F6BCE2
100.0%	100.0% #F9D1EB	RGB 249 209 235	#F9D1EB

#EB5EBA #ED70C1 #EF82C9 #F295D1 #F4A9DA #F6BCE2 #F9D1EB

#EB5EBA - #F295D1 - #F9D1EB

Codici CSS

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

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