#B7BDA8 - #EAECE6 | 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 #B7BDA8 a #EAECE6

#B7BDA8 #EAECE6

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

#B7BDA8 - #EAECE6 | 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 #B7BDA8 come 0% e #EAECE6 come 100%.

0.0%	0.0% #B7BDA8	RGB 183 189 168	#B7BDA8
16.7%	16.7% #BFC4B2	RGB 191 196 178	#BFC4B2
33.3%	33.3% #C8CCBC	RGB 200 204 188	#C8CCBC
50.0%	50.0% #D0D4C7	RGB 208 212 199	#D0D4C7
66.7%	66.7% #D9DCD1	RGB 217 220 209	#D9DCD1
83.3%	83.3% #E1E4DB	RGB 225 228 219	#E1E4DB
100.0%	100.0% #EAECE6	RGB 234 236 230	#EAECE6

#B7BDA8 #BFC4B2 #C8CCBC #D0D4C7 #D9DCD1 #E1E4DB #EAECE6

#B7BDA8 - #EAECE6

Miscela HSV

#B7BDA8 - #EAECE6 | 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 #B7BDA8 come 0% e #EAECE6 come 100%.

0.0%	0.0% #B7BDA8	RGB 183 189 168	#B7BDA8
16.7%	16.7% #BFC4B1	RGB 191 196 177	#BFC4B1
33.3%	33.3% #C7CCBB	RGB 199 204 187	#C7CCBB
50.0%	50.0% #D0D4C5	RGB 208 212 197	#D0D4C5
66.7%	66.7% #D8DCD0	RGB 216 220 208	#D8DCD0
83.3%	83.3% #E1E4DB	RGB 225 228 219	#E1E4DB
100.0%	100.0% #EAECE6	RGB 234 236 230	#EAECE6

#B7BDA8 #BFC4B1 #C7CCBB #D0D4C5 #D8DCD0 #E1E4DB #EAECE6

#B7BDA8 - #D0D4C5 - #EAECE6

Codici CSS

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

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