#BF5E90 - #FCB7AC | 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 #BF5E90 a #FCB7AC

#BF5E90 #FCB7AC

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

#BF5E90 - #FCB7AC | 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 #BF5E90 come 0% e #FCB7AC come 100%.

0.0%	0.0% #BF5E90	RGB 191 94 144	#BF5E90
16.7%	16.7% #C96C94	RGB 201 108 148	#C96C94
33.3%	33.3% #D37B99	RGB 211 123 153	#D37B99
50.0%	50.0% #DD8A9E	RGB 221 138 158	#DD8A9E
66.7%	66.7% #E799A2	RGB 231 153 162	#E799A2
83.3%	83.3% #F1A8A7	RGB 241 168 167	#F1A8A7
100.0%	100.0% #FCB7AC	RGB 252 183 172	#FCB7AC

#BF5E90 #C96C94 #D37B99 #DD8A9E #E799A2 #F1A8A7 #FCB7AC

#BF5E90 - #FCB7AC

Miscela HSV

#BF5E90 - #FCB7AC | 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 #BF5E90 come 0% e #FCB7AC come 100%.

0.0%	0.0% #BF5E90	RGB 191 94 144	#BF5E90
16.7%	16.7% #C96990	RGB 201 105 144	#C96990
33.3%	33.3% #D37591	RGB 211 117 145	#D37591
50.0%	50.0% #DD8293	RGB 221 130 147	#DD8293
66.7%	66.7% #E78F96	RGB 231 143 150	#E78F96
83.3%	83.3% #F19F9D	RGB 241 159 157	#F19F9D
100.0%	100.0% #FCB7AC	RGB 252 183 172	#FCB7AC

#BF5E90 #C96990 #D37591 #DD8293 #E78F96 #F19F9D #FCB7AC

#BF5E90 - #DD8293 - #FCB7AC

Codici CSS

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

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