#D4D4CE - #A99E7E | 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 #D4D4CE a #A99E7E

#D4D4CE #A99E7E

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

#D4D4CE - #A99E7E | 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 #D4D4CE come 0% e #A99E7E come 100%.

0.0%	0.0% #D4D4CE	RGB 212 212 206	#D4D4CE
16.7%	16.7% #CCCBC0	RGB 204 203 192	#CCCBC0
33.3%	33.3% #C5C2B3	RGB 197 194 179	#C5C2B3
50.0%	50.0% #BEB9A6	RGB 190 185 166	#BEB9A6
66.7%	66.7% #B7B098	RGB 183 176 152	#B7B098
83.3%	83.3% #B0A78B	RGB 176 167 139	#B0A78B
100.0%	100.0% #A99E7E	RGB 169 158 126	#A99E7E

#D4D4CE #CCCBC0 #C5C2B3 #BEB9A6 #B7B098 #B0A78B #A99E7E

#D4D4CE - #A99E7E

Miscela HSV

#D4D4CE - #A99E7E | 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 #D4D4CE come 0% e #A99E7E come 100%.

0.0%	0.0% #D4D4CE	RGB 212 212 206	#D4D4CE
16.7%	16.7% #CCCCBF	RGB 204 204 191	#CCCCBF
33.3%	33.3% #C5C3B1	RGB 197 195 177	#C5C3B1
50.0%	50.0% #BEBBA3	RGB 190 187 163	#BEBBA3
66.7%	66.7% #B7B196	RGB 183 177 150	#B7B196
83.3%	83.3% #B0A889	RGB 176 168 137	#B0A889
100.0%	100.0% #A99E7E	RGB 169 158 126	#A99E7E

#D4D4CE #CCCCBF #C5C3B1 #BEBBA3 #B7B196 #B0A889 #A99E7E

#D4D4CE - #BEBBA3 - #A99E7E

Codici CSS

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

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