#FF8D9B - #C92F4E | 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 #FF8D9B a #C92F4E

#FF8D9B #C92F4E

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

#FF8D9B - #C92F4E | 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 #FF8D9B come 0% e #C92F4E come 100%.

0.0%	0.0% #FF8D9B	RGB 255 141 155	#FF8D9B
16.7%	16.7% #F67D8E	RGB 246 125 142	#F67D8E
33.3%	33.3% #ED6D81	RGB 237 109 129	#ED6D81
50.0%	50.0% #E45E74	RGB 228 94 116	#E45E74
66.7%	66.7% #DB4E67	RGB 219 78 103	#DB4E67
83.3%	83.3% #D23E5A	RGB 210 62 90	#D23E5A
100.0%	100.0% #C92F4E	RGB 201 47 78	#C92F4E

#FF8D9B #F67D8E #ED6D81 #E45E74 #DB4E67 #D23E5A #C92F4E

#FF8D9B - #C92F4E

Miscela HSV

#FF8D9B - #C92F4E | 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 #FF8D9B come 0% e #C92F4E come 100%.

0.0%	0.0% #FF8D9A	RGB 255 141 154	#FF8D9A
16.7%	16.7% #F67A8B	RGB 246 122 139	#F67A8B
33.3%	33.3% #ED697D	RGB 237 105 125	#ED697D
50.0%	50.0% #E45970	RGB 228 89 112	#E45970
66.7%	66.7% #DB4A63	RGB 219 74 99	#DB4A63
83.3%	83.3% #D23C58	RGB 210 60 88	#D23C58
100.0%	100.0% #C92F4E	RGB 201 47 78	#C92F4E

#FF8D9A #F67A8B #ED697D #E45970 #DB4A63 #D23C58 #C92F4E

#FF8D9B - #E45970 - #C92F4E

Codici CSS

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

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