#C2996C - #FFEC8C | 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 #C2996C a #FFEC8C

#C2996C #FFEC8C

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

#C2996C - #FFEC8C | 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 #C2996C come 0% e #FFEC8C come 100%.

0.0%	0.0% #C2996C	RGB 194 153 108	#C2996C
16.7%	16.7% #CCA671	RGB 204 166 113	#CCA671
33.3%	33.3% #D6B476	RGB 214 180 118	#D6B476
50.0%	50.0% #E0C27C	RGB 224 194 124	#E0C27C
66.7%	66.7% #EAD081	RGB 234 208 129	#EAD081
83.3%	83.3% #F4DE86	RGB 244 222 134	#F4DE86
100.0%	100.0% #FFEC8C	RGB 255 236 140	#FFEC8C

#C2996C #CCA671 #D6B476 #E0C27C #EAD081 #F4DE86 #FFEC8C

#C2996C - #FFEC8C

Miscela HSV

#C2996C - #FFEC8C | 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 #C2996C come 0% e #FFEC8C come 100%.

0.0%	0.0% #C2996C	RGB 194 153 108	#C2996C
16.7%	16.7% #CCA571	RGB 204 165 113	#CCA571
33.3%	33.3% #D6B276	RGB 214 178 118	#D6B276
50.0%	50.0% #E0C07C	RGB 224 192 124	#E0C07C
66.7%	66.7% #EACE81	RGB 234 206 129	#EACE81
83.3%	83.3% #F4DC86	RGB 244 220 134	#F4DC86
100.0%	100.0% #FFEC8C	RGB 255 236 140	#FFEC8C

#C2996C #CCA571 #D6B276 #E0C07C #EACE81 #F4DC86 #FFEC8C

#C2996C - #E0C07C - #FFEC8C

Codici CSS

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

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