#EF5E89 - #BF1A4D | 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 #EF5E89 a #BF1A4D

#EF5E89 #BF1A4D

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

#EF5E89 - #BF1A4D | 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 #EF5E89 come 0% e #BF1A4D come 100%.

0.0%	0.0% #EF5E89	RGB 239 94 137	#EF5E89
16.7%	16.7% #E7527F	RGB 231 82 127	#E7527F
33.3%	33.3% #DF4775	RGB 223 71 117	#DF4775
50.0%	50.0% #D73C6B	RGB 215 60 107	#D73C6B
66.7%	66.7% #CF3061	RGB 207 48 97	#CF3061
83.3%	83.3% #C72557	RGB 199 37 87	#C72557
100.0%	100.0% #BF1A4D	RGB 191 26 77	#BF1A4D

#EF5E89 #E7527F #DF4775 #D73C6B #CF3061 #C72557 #BF1A4D

#EF5E89 - #BF1A4D

Miscela HSV

#EF5E89 - #BF1A4D | 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 #EF5E89 come 0% e #BF1A4D come 100%.

0.0%	0.0% #EF5E89	RGB 239 94 137	#EF5E89
16.7%	16.7% #E7507D	RGB 231 80 125	#E7507D
33.3%	33.3% #DF4473	RGB 223 68 115	#DF4473
50.0%	50.0% #D73868	RGB 215 56 104	#D73868
66.7%	66.7% #CF2D5F	RGB 207 45 95	#CF2D5F
83.3%	83.3% #C72355	RGB 199 35 85	#C72355
100.0%	100.0% #BF1A4D	RGB 191 26 77	#BF1A4D

#EF5E89 #E7507D #DF4473 #D73868 #CF2D5F #C72355 #BF1A4D

#EF5E89 - #D73868 - #BF1A4D

Codici CSS

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

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