#FC5EAF - #FFD4D2 | 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 #FC5EAF a #FFD4D2

#FC5EAF #FFD4D2

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

#FC5EAF - #FFD4D2 | 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 #FC5EAF come 0% e #FFD4D2 come 100%.

0.0%	0.0% #FC5EAF	RGB 252 94 175	#FC5EAF
16.7%	16.7% #FC71B4	RGB 252 113 180	#FC71B4
33.3%	33.3% #FD85BA	RGB 253 133 186	#FD85BA
50.0%	50.0% #FD99C0	RGB 253 153 192	#FD99C0
66.7%	66.7% #FEACC6	RGB 254 172 198	#FEACC6
83.3%	83.3% #FEC0CC	RGB 254 192 204	#FEC0CC
100.0%	100.0% #FFD4D2	RGB 255 212 210	#FFD4D2

#FC5EAF #FC71B4 #FD85BA #FD99C0 #FEACC6 #FEC0CC #FFD4D2

#FC5EAF - #FFD4D2

Miscela HSV

#FC5EAF - #FFD4D2 | 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 #FC5EAF come 0% e #FFD4D2 come 100%.

0.0%	0.0% #FC5EAE	RGB 252 94 174	#FC5EAE
16.7%	16.7% #FC71AB	RGB 252 113 171	#FC71AB
33.3%	33.3% #FD84AB	RGB 253 132 171	#FD84AB
50.0%	50.0% #FD97AF	RGB 253 151 175	#FD97AF
66.7%	66.7% #FEABB6	RGB 254 171 182	#FEABB6
83.3%	83.3% #FEBEC1	RGB 254 190 193	#FEBEC1
100.0%	100.0% #FFD4D2	RGB 255 212 210	#FFD4D2

#FC5EAE #FC71AB #FD84AB #FD97AF #FEABB6 #FEBEC1 #FFD4D2

#FC5EAF - #FD97AF - #FFD4D2

Codici CSS

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

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