#FE5E7E - #FF9BD2 | 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 #FE5E7E a #FF9BD2

#FE5E7E #FF9BD2

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

#FE5E7E - #FF9BD2 | 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 #FE5E7E come 0% e #FF9BD2 come 100%.

0.0%	0.0% #FE5E7E	RGB 254 94 126	#FE5E7E
16.7%	16.7% #FE688C	RGB 254 104 140	#FE688C
33.3%	33.3% #FE729A	RGB 254 114 154	#FE729A
50.0%	50.0% #FE7CA8	RGB 254 124 168	#FE7CA8
66.7%	66.7% #FE86B6	RGB 254 134 182	#FE86B6
83.3%	83.3% #FE90C4	RGB 254 144 196	#FE90C4
100.0%	100.0% #FF9BD2	RGB 255 155 210	#FF9BD2

#FE5E7E #FE688C #FE729A #FE7CA8 #FE86B6 #FE90C4 #FF9BD2

#FE5E7E - #FF9BD2

Miscela HSV

#FE5E7E - #FF9BD2 | 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 #FE5E7E come 0% e #FF9BD2 come 100%.

0.0%	0.0% #FE5E7E	RGB 254 94 126	#FE5E7E
16.7%	16.7% #FE688E	RGB 254 104 142	#FE688E
33.3%	33.3% #FE729E	RGB 254 114 158	#FE729E
50.0%	50.0% #FE7CAD	RGB 254 124 173	#FE7CAD
66.7%	66.7% #FE86BA	RGB 254 134 186	#FE86BA
83.3%	83.3% #FE90C6	RGB 254 144 198	#FE90C6
100.0%	100.0% #FF9BD2	RGB 255 155 210	#FF9BD2

#FE5E7E #FE688E #FE729E #FE7CAD #FE86BA #FE90C6 #FF9BD2

#FE5E7E - #FE7CAD - #FF9BD2

Codici CSS

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

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