#CC4D3C - #FF9D4F | 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 #CC4D3C a #FF9D4F

#CC4D3C #FF9D4F

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

#CC4D3C - #FF9D4F | 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 #CC4D3C come 0% e #FF9D4F come 100%.

0.0%	0.0% #CC4D3C	RGB 204 77 60	#CC4D3C
16.7%	16.7% #D45A3F	RGB 212 90 63	#D45A3F
33.3%	33.3% #DD6742	RGB 221 103 66	#DD6742
50.0%	50.0% #E57545	RGB 229 117 69	#E57545
66.7%	66.7% #EE8248	RGB 238 130 72	#EE8248
83.3%	83.3% #F68F4B	RGB 246 143 75	#F68F4B
100.0%	100.0% #FF9D4F	RGB 255 157 79	#FF9D4F

#CC4D3C #D45A3F #DD6742 #E57545 #EE8248 #F68F4B #FF9D4F

#CC4D3C - #FF9D4F

Miscela HSV

#CC4D3C - #FF9D4F | 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 #CC4D3C come 0% e #FF9D4F come 100%.

0.0%	0.0% #CC4D3C	RGB 204 77 60	#CC4D3C
16.7%	16.7% #D4583F	RGB 212 88 63	#D4583F
33.3%	33.3% #DD6542	RGB 221 101 66	#DD6542
50.0%	50.0% #E57245	RGB 229 114 69	#E57245
66.7%	66.7% #EE7F48	RGB 238 127 72	#EE7F48
83.3%	83.3% #F68E4B	RGB 246 142 75	#F68E4B
100.0%	100.0% #FF9D4F	RGB 255 157 79	#FF9D4F

#CC4D3C #D4583F #DD6542 #E57245 #EE7F48 #F68E4B #FF9D4F

#CC4D3C - #E57245 - #FF9D4F

Codici CSS

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

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