#CF3E45 - #FF8D4B | 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 #CF3E45 a #FF8D4B

#CF3E45 #FF8D4B

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

#CF3E45 - #FF8D4B | 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 #CF3E45 come 0% e #FF8D4B come 100%.

0.0%	0.0% #CF3E45	RGB 207 62 69	#CF3E45
16.7%	16.7% #D74B46	RGB 215 75 70	#D74B46
33.3%	33.3% #DF5847	RGB 223 88 71	#DF5847
50.0%	50.0% #E76548	RGB 231 101 72	#E76548
66.7%	66.7% #EF7249	RGB 239 114 73	#EF7249
83.3%	83.3% #F77F4A	RGB 247 127 74	#F77F4A
100.0%	100.0% #FF8D4B	RGB 255 141 75	#FF8D4B

#CF3E45 #D74B46 #DF5847 #E76548 #EF7249 #F77F4A #FF8D4B

#CF3E45 - #FF8D4B

Miscela HSV

#CF3E45 - #FF8D4B | 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 #CF3E45 come 0% e #FF8D4B come 100%.

0.0%	0.0% #CF3E45	RGB 207 62 69	#CF3E45
16.7%	16.7% #D74340	RGB 215 67 64	#D74340
33.3%	33.3% #DF5042	RGB 223 80 66	#DF5042
50.0%	50.0% #E75E44	RGB 231 94 68	#E75E44
66.7%	66.7% #EF6D46	RGB 239 109 70	#EF6D46
83.3%	83.3% #F77C48	RGB 247 124 72	#F77C48
100.0%	100.0% #FF8D4B	RGB 255 141 75	#FF8D4B

#CF3E45 #D74340 #DF5042 #E75E44 #EF6D46 #F77C48 #FF8D4B

#CF3E45 - #E75E44 - #FF8D4B

Codici CSS

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

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