#FD5EAF - #FED1E8 | 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 #FD5EAF a #FED1E8

#FD5EAF #FED1E8

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

#FD5EAF - #FED1E8 | 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 #FD5EAF come 0% e #FED1E8 come 100%.

0.0%	0.0% #FD5EAF	RGB 253 94 175	#FD5EAF
16.7%	16.7% #FD71B8	RGB 253 113 184	#FD71B8
33.3%	33.3% #FD84C2	RGB 253 132 194	#FD84C2
50.0%	50.0% #FD97CB	RGB 253 151 203	#FD97CB
66.7%	66.7% #FDAAD5	RGB 253 170 213	#FDAAD5
83.3%	83.3% #FDBDDE	RGB 253 189 222	#FDBDDE
100.0%	100.0% #FED1E8	RGB 254 209 232	#FED1E8

#FD5EAF #FD71B8 #FD84C2 #FD97CB #FDAAD5 #FDBDDE #FED1E8

#FD5EAF - #FED1E8

Miscela HSV

#FD5EAF - #FED1E8 | 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 #FD5EAF come 0% e #FED1E8 come 100%.

0.0%	0.0% #FD5EAF	RGB 253 94 175	#FD5EAF
16.7%	16.7% #FD71B8	RGB 253 113 184	#FD71B8
33.3%	33.3% #FD84C1	RGB 253 132 193	#FD84C1
50.0%	50.0% #FD97CB	RGB 253 151 203	#FD97CB
66.7%	66.7% #FDAAD4	RGB 253 170 212	#FDAAD4
83.3%	83.3% #FDBDDE	RGB 253 189 222	#FDBDDE
100.0%	100.0% #FED1E8	RGB 254 209 232	#FED1E8

#FD5EAF #FD71B8 #FD84C1 #FD97CB #FDAAD4 #FDBDDE #FED1E8

#FD5EAF - #FD97CB - #FED1E8

Codici CSS

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

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