#C0656A - #FFB27C | 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 #C0656A a #FFB27C

#C0656A #FFB27C

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

#C0656A - #FFB27C | 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 #C0656A come 0% e #FFB27C come 100%.

0.0%	0.0% #C0656A	RGB 192 101 106	#C0656A
16.7%	16.7% #CA716D	RGB 202 113 109	#CA716D
33.3%	33.3% #D57E70	RGB 213 126 112	#D57E70
50.0%	50.0% #DF8B73	RGB 223 139 115	#DF8B73
66.7%	66.7% #EA9876	RGB 234 152 118	#EA9876
83.3%	83.3% #F4A579	RGB 244 165 121	#F4A579
100.0%	100.0% #FFB27C	RGB 255 178 124	#FFB27C

#C0656A #CA716D #D57E70 #DF8B73 #EA9876 #F4A579 #FFB27C

#C0656A - #FFB27C

Miscela HSV

#C0656A - #FFB27C | 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 #C0656A come 0% e #FFB27C come 100%.

0.0%	0.0% #C06569	RGB 192 101 105	#C06569
16.7%	16.7% #CA6B69	RGB 202 107 105	#CA6B69
33.3%	33.3% #D5776D	RGB 213 119 109	#D5776D
50.0%	50.0% #DF8471	RGB 223 132 113	#DF8471
66.7%	66.7% #EA9274	RGB 234 146 116	#EA9274
83.3%	83.3% #F4A178	RGB 244 161 120	#F4A178
100.0%	100.0% #FFB27C	RGB 255 178 124	#FFB27C

#C06569 #CA6B69 #D5776D #DF8471 #EA9274 #F4A178 #FFB27C

#C0656A - #DF8471 - #FFB27C

Codici CSS

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

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