#C2806C - #FFCA8C | 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 #C2806C a #FFCA8C

#C2806C #FFCA8C

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

#C2806C - #FFCA8C | 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 #C2806C come 0% e #FFCA8C come 100%.

0.0%	0.0% #C2806C	RGB 194 128 108	#C2806C
16.7%	16.7% #CC8C71	RGB 204 140 113	#CC8C71
33.3%	33.3% #D69876	RGB 214 152 118	#D69876
50.0%	50.0% #E0A57C	RGB 224 165 124	#E0A57C
66.7%	66.7% #EAB181	RGB 234 177 129	#EAB181
83.3%	83.3% #F4BD86	RGB 244 189 134	#F4BD86
100.0%	100.0% #FFCA8C	RGB 255 202 140	#FFCA8C

#C2806C #CC8C71 #D69876 #E0A57C #EAB181 #F4BD86 #FFCA8C

#C2806C - #FFCA8C

Miscela HSV

#C2806C - #FFCA8C | 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 #C2806C come 0% e #FFCA8C come 100%.

0.0%	0.0% #C2806C	RGB 194 128 108	#C2806C
16.7%	16.7% #CC8B71	RGB 204 139 113	#CC8B71
33.3%	33.3% #D69676	RGB 214 150 118	#D69676
50.0%	50.0% #E0A27C	RGB 224 162 124	#E0A27C
66.7%	66.7% #EAAF81	RGB 234 175 129	#EAAF81
83.3%	83.3% #F4BC86	RGB 244 188 134	#F4BC86
100.0%	100.0% #FFCA8C	RGB 255 202 140	#FFCA8C

#C2806C #CC8B71 #D69676 #E0A27C #EAAF81 #F4BC86 #FFCA8C

#C2806C - #E0A27C - #FFCA8C

Codici CSS

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

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