#F9A8C8 - #CE417D | 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 #F9A8C8 a #CE417D

#F9A8C8 #CE417D

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

#F9A8C8 - #CE417D | 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 #F9A8C8 come 0% e #CE417D come 100%.

0.0%	0.0% #F9A8C8	RGB 249 168 200	#F9A8C8
16.7%	16.7% #F196BB	RGB 241 150 187	#F196BB
33.3%	33.3% #EA85AF	RGB 234 133 175	#EA85AF
50.0%	50.0% #E374A2	RGB 227 116 162	#E374A2
66.7%	66.7% #DC6396	RGB 220 99 150	#DC6396
83.3%	83.3% #D55289	RGB 213 82 137	#D55289
100.0%	100.0% #CE417D	RGB 206 65 125	#CE417D

#F9A8C8 #F196BB #EA85AF #E374A2 #DC6396 #D55289 #CE417D

#F9A8C8 - #CE417D

Miscela HSV

#F9A8C8 - #CE417D | 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 #F9A8C8 come 0% e #CE417D come 100%.

0.0%	0.0% #F9A8C8	RGB 249 168 200	#F9A8C8
16.7%	16.7% #F194B9	RGB 241 148 185	#F194B9
33.3%	33.3% #EA82AC	RGB 234 130 172	#EA82AC
50.0%	50.0% #E3709F	RGB 227 112 159	#E3709F
66.7%	66.7% #DC5F93	RGB 220 95 147	#DC5F93
83.3%	83.3% #D55088	RGB 213 80 136	#D55088
100.0%	100.0% #CE417D	RGB 206 65 125	#CE417D

#F9A8C8 #F194B9 #EA82AC #E3709F #DC5F93 #D55088 #CE417D

#F9A8C8 - #E3709F - #CE417D

Codici CSS

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

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