#C15E5E - #FDB07C | 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 #C15E5E a #FDB07C

#C15E5E #FDB07C

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

#C15E5E - #FDB07C | 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 #C15E5E come 0% e #FDB07C come 100%.

0.0%	0.0% #C15E5E	RGB 193 94 94	#C15E5E
16.7%	16.7% #CB6B63	RGB 203 107 99	#CB6B63
33.3%	33.3% #D57968	RGB 213 121 104	#D57968
50.0%	50.0% #DF876D	RGB 223 135 109	#DF876D
66.7%	66.7% #E99472	RGB 233 148 114	#E99472
83.3%	83.3% #F3A277	RGB 243 162 119	#F3A277
100.0%	100.0% #FDB07C	RGB 253 176 124	#FDB07C

#C15E5E #CB6B63 #D57968 #DF876D #E99472 #F3A277 #FDB07C

#C15E5E - #FDB07C

Miscela HSV

#C15E5E - #FDB07C | 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 #C15E5E come 0% e #FDB07C come 100%.

0.0%	0.0% #C15E5E	RGB 193 94 94	#C15E5E
16.7%	16.7% #CB6962	RGB 203 105 98	#CB6962
33.3%	33.3% #D57667	RGB 213 118 103	#D57667
50.0%	50.0% #DF836C	RGB 223 131 108	#DF836C
66.7%	66.7% #E99171	RGB 233 145 113	#E99171
83.3%	83.3% #F3A076	RGB 243 160 118	#F3A076
100.0%	100.0% #FDB07C	RGB 253 176 124	#FDB07C

#C15E5E #CB6962 #D57667 #DF836C #E99171 #F3A076 #FDB07C

#C15E5E - #DF836C - #FDB07C

Codici CSS

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

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