#C24C5E - #FF9D6E | 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 #C24C5E a #FF9D6E

#C24C5E #FF9D6E

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

#C24C5E - #FF9D6E | 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 #C24C5E come 0% e #FF9D6E come 100%.

0.0%	0.0% #C24C5E	RGB 194 76 94	#C24C5E
16.7%	16.7% #CC5960	RGB 204 89 96	#CC5960
33.3%	33.3% #D66763	RGB 214 103 99	#D66763
50.0%	50.0% #E07466	RGB 224 116 102	#E07466
66.7%	66.7% #EA8268	RGB 234 130 104	#EA8268
83.3%	83.3% #F48F6B	RGB 244 143 107	#F48F6B
100.0%	100.0% #FF9D6E	RGB 255 157 110	#FF9D6E

#C24C5E #CC5960 #D66763 #E07466 #EA8268 #F48F6B #FF9D6E

#C24C5E - #FF9D6E

Miscela HSV

#C24C5E - #FF9D6E | 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 #C24C5E come 0% e #FF9D6E come 100%.

0.0%	0.0% #C24C5D	RGB 194 76 93	#C24C5D
16.7%	16.7% #CC515A	RGB 204 81 90	#CC515A
33.3%	33.3% #D65756	RGB 214 87 86	#D65756
50.0%	50.0% #E0675C	RGB 224 103 92	#E0675C
66.7%	66.7% #EA7862	RGB 234 120 98	#EA7862
83.3%	83.3% #F48A67	RGB 244 138 103	#F48A67
100.0%	100.0% #FF9D6E	RGB 255 157 110	#FF9D6E

#C24C5D #CC515A #D65756 #E0675C #EA7862 #F48A67 #FF9D6E

#C24C5E - #E0675C - #FF9D6E

Codici CSS

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

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