#CAA365 - #E3B5E2 | 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 #CAA365 a #E3B5E2

#CAA365 #E3B5E2

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

#CAA365 - #E3B5E2 | 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 #CAA365 come 0% e #E3B5E2 come 100%.

0.0%	0.0% #CAA365	RGB 202 163 101	#CAA365
16.7%	16.7% #CEA679	RGB 206 166 121	#CEA679
33.3%	33.3% #D2A98E	RGB 210 169 142	#D2A98E
50.0%	50.0% #D6ACA3	RGB 214 172 163	#D6ACA3
66.7%	66.7% #DAAFB8	RGB 218 175 184	#DAAFB8
83.3%	83.3% #DEB2CD	RGB 222 178 205	#DEB2CD
100.0%	100.0% #E3B5E2	RGB 227 181 226	#E3B5E2

#CAA365 #CEA679 #D2A98E #D6ACA3 #DAAFB8 #DEB2CD #E3B5E2

#CAA365 - #E3B5E2

Miscela HSV

#CAA365 - #E3B5E2 | 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 #CAA365 come 0% e #E3B5E2 come 100%.

0.0%	0.0% #CAA365	RGB 202 163 101	#CAA365
16.7%	16.7% #CE9171	RGB 206 145 113	#CE9171
33.3%	33.3% #D2857E	RGB 210 133 126	#D2857E
50.0%	50.0% #D68B98	RGB 214 139 152	#D68B98
66.7%	66.7% #DA98B6	RGB 218 152 182	#DA98B6
83.3%	83.3% #DEA6CE	RGB 222 166 206	#DEA6CE
100.0%	100.0% #E3B5E2	RGB 227 181 226	#E3B5E2

#CAA365 #CE9171 #D2857E #D68B98 #DA98B6 #DEA6CE #E3B5E2

#CAA365 - #D68B98 - #E3B5E2

Codici CSS

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

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