#F9A8C7 - #CE417C | 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 #F9A8C7 a #CE417C

#F9A8C7 #CE417C

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

#F9A8C7 - #CE417C | 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 #F9A8C7 come 0% e #CE417C come 100%.

0.0%	0.0% #F9A8C7	RGB 249 168 199	#F9A8C7
16.7%	16.7% #F196BA	RGB 241 150 186	#F196BA
33.3%	33.3% #EA85AE	RGB 234 133 174	#EA85AE
50.0%	50.0% #E374A1	RGB 227 116 161	#E374A1
66.7%	66.7% #DC6395	RGB 220 99 149	#DC6395
83.3%	83.3% #D55288	RGB 213 82 136	#D55288
100.0%	100.0% #CE417C	RGB 206 65 124	#CE417C

#F9A8C7 #F196BA #EA85AE #E374A1 #DC6395 #D55288 #CE417C

#F9A8C7 - #CE417C

Miscela HSV

#F9A8C7 - #CE417C | 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 #F9A8C7 come 0% e #CE417C come 100%.

0.0%	0.0% #F9A8C7	RGB 249 168 199	#F9A8C7
16.7%	16.7% #F194B8	RGB 241 148 184	#F194B8
33.3%	33.3% #EA82AB	RGB 234 130 171	#EA82AB
50.0%	50.0% #E3709E	RGB 227 112 158	#E3709E
66.7%	66.7% #DC5F92	RGB 220 95 146	#DC5F92
83.3%	83.3% #D55086	RGB 213 80 134	#D55086
100.0%	100.0% #CE417C	RGB 206 65 124	#CE417C

#F9A8C7 #F194B8 #EA82AB #E3709E #DC5F92 #D55086 #CE417C

#F9A8C7 - #E3709E - #CE417C

Codici CSS

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

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