#EDE5E6 - #BEA1A4 | 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 #EDE5E6 a #BEA1A4

#EDE5E6 #BEA1A4

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

#EDE5E6 - #BEA1A4 | 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 #EDE5E6 come 0% e #BEA1A4 come 100%.

0.0%	0.0% #EDE5E6	RGB 237 229 230	#EDE5E6
16.7%	16.7% #E5D9DB	RGB 229 217 219	#E5D9DB
33.3%	33.3% #DDCED0	RGB 221 206 208	#DDCED0
50.0%	50.0% #D5C3C5	RGB 213 195 197	#D5C3C5
66.7%	66.7% #CDB7BA	RGB 205 183 186	#CDB7BA
83.3%	83.3% #C5ACAF	RGB 197 172 175	#C5ACAF
100.0%	100.0% #BEA1A4	RGB 190 161 164	#BEA1A4

#EDE5E6 #E5D9DB #DDCED0 #D5C3C5 #CDB7BA #C5ACAF #BEA1A4

#EDE5E6 - #BEA1A4

Miscela HSV

#EDE5E6 - #BEA1A4 | 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 #EDE5E6 come 0% e #BEA1A4 come 100%.

0.0%	0.0% #EDE5E6	RGB 237 229 230	#EDE5E6
16.7%	16.7% #E5D8DA	RGB 229 216 218	#E5D8DA
33.3%	33.3% #DDCDCF	RGB 221 205 207	#DDCDCF
50.0%	50.0% #D5C1C3	RGB 213 193 195	#D5C1C3
66.7%	66.7% #CDB6B8	RGB 205 182 184	#CDB6B8
83.3%	83.3% #C5ABAE	RGB 197 171 174	#C5ABAE
100.0%	100.0% #BEA1A4	RGB 190 161 164	#BEA1A4

#EDE5E6 #E5D8DA #DDCDCF #D5C1C3 #CDB6B8 #C5ABAE #BEA1A4

#EDE5E6 - #D5C1C3 - #BEA1A4

Codici CSS

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

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