#CF6B89 - #FE9C8C | 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 #CF6B89 a #FE9C8C

#CF6B89 #FE9C8C

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

#CF6B89 - #FE9C8C | 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 #CF6B89 come 0% e #FE9C8C come 100%.

0.0%	0.0% #CF6B89	RGB 207 107 137	#CF6B89
16.7%	16.7% #D67389	RGB 214 115 137	#D67389
33.3%	33.3% #DE7B8A	RGB 222 123 138	#DE7B8A
50.0%	50.0% #E6838A	RGB 230 131 138	#E6838A
66.7%	66.7% #EE8B8B	RGB 238 139 139	#EE8B8B
83.3%	83.3% #F6938B	RGB 246 147 139	#F6938B
100.0%	100.0% #FE9C8C	RGB 254 156 140	#FE9C8C

#CF6B89 #D67389 #DE7B8A #E6838A #EE8B8B #F6938B #FE9C8C

#CF6B89 - #FE9C8C

Miscela HSV

#CF6B89 - #FE9C8C | 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 #CF6B89 come 0% e #FE9C8C come 100%.

0.0%	0.0% #CF6B89	RGB 207 107 137	#CF6B89
16.7%	16.7% #D67087	RGB 214 112 135	#D67087
33.3%	33.3% #DE7585	RGB 222 117 133	#DE7585
50.0%	50.0% #E67B83	RGB 230 123 131	#E67B83
66.7%	66.7% #EE8081	RGB 238 128 129	#EE8081
83.3%	83.3% #F68D86	RGB 246 141 134	#F68D86
100.0%	100.0% #FE9C8C	RGB 254 156 140	#FE9C8C

#CF6B89 #D67087 #DE7585 #E67B83 #EE8081 #F68D86 #FE9C8C

#CF6B89 - #E67B83 - #FE9C8C

Codici CSS

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

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