#CEA58B - #FFB5A6 | 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 #CEA58B a #FFB5A6

#CEA58B #FFB5A6

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

#CEA58B - #FFB5A6 | 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 #CEA58B come 0% e #FFB5A6 come 100%.

0.0%	0.0% #CEA58B	RGB 206 165 139	#CEA58B
16.7%	16.7% #D6A78F	RGB 214 167 143	#D6A78F
33.3%	33.3% #DEAA94	RGB 222 170 148	#DEAA94
50.0%	50.0% #E6AD98	RGB 230 173 152	#E6AD98
66.7%	66.7% #EEAF9D	RGB 238 175 157	#EEAF9D
83.3%	83.3% #F6B2A1	RGB 246 178 161	#F6B2A1
100.0%	100.0% #FFB5A6	RGB 255 181 166	#FFB5A6

#CEA58B #D6A78F #DEAA94 #E6AD98 #EEAF9D #F6B2A1 #FFB5A6

#CEA58B - #FFB5A6

Miscela HSV

#CEA58B - #FFB5A6 | 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 #CEA58B come 0% e #FFB5A6 come 100%.

0.0%	0.0% #CEA58B	RGB 206 165 139	#CEA58B
16.7%	16.7% #D6A88F	RGB 214 168 143	#D6A88F
33.3%	33.3% #DEAB94	RGB 222 171 148	#DEAB94
50.0%	50.0% #E6AE98	RGB 230 174 152	#E6AE98
66.7%	66.7% #EEB09D	RGB 238 176 157	#EEB09D
83.3%	83.3% #F6B3A1	RGB 246 179 161	#F6B3A1
100.0%	100.0% #FFB5A6	RGB 255 181 166	#FFB5A6

#CEA58B #D6A88F #DEAB94 #E6AE98 #EEB09D #F6B3A1 #FFB5A6

#CEA58B - #E6AE98 - #FFB5A6

Codici CSS

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

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