#E5E5E5 - #BFD29C | 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 #E5E5E5 a #BFD29C

#E5E5E5 #BFD29C

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

#E5E5E5 - #BFD29C | 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 #E5E5E5 come 0% e #BFD29C come 100%.

0.0%	0.0% #E5E5E5	RGB 229 229 229	#E5E5E5
16.7%	16.7% #DEE1D8	RGB 222 225 216	#DEE1D8
33.3%	33.3% #D8DECC	RGB 216 222 204	#D8DECC
50.0%	50.0% #D2DBC0	RGB 210 219 192	#D2DBC0
66.7%	66.7% #CBD8B4	RGB 203 216 180	#CBD8B4
83.3%	83.3% #C5D5A8	RGB 197 213 168	#C5D5A8
100.0%	100.0% #BFD29C	RGB 191 210 156	#BFD29C

#E5E5E5 #DEE1D8 #D8DECC #D2DBC0 #CBD8B4 #C5D5A8 #BFD29C

#E5E5E5 - #BFD29C

Miscela HSV

#E5E5E5 - #BFD29C | 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 #E5E5E5 come 0% e #BFD29C come 100%.

0.0%	0.0% #E5E5E5	RGB 229 229 229	#E5E5E5
16.7%	16.7% #E1DAD8	RGB 225 218 216	#E1DAD8
33.3%	33.3% #DED4CB	RGB 222 212 203	#DED4CB
50.0%	50.0% #DBD2BF	RGB 219 210 191	#DBD2BF
66.7%	66.7% #D8D4B3	RGB 216 212 179	#D8D4B3
83.3%	83.3% #CFD5A7	RGB 207 213 167	#CFD5A7
100.0%	100.0% #BFD29C	RGB 191 210 156	#BFD29C

#E5E5E5 #E1DAD8 #DED4CB #DBD2BF #D8D4B3 #CFD5A7 #BFD29C

#E5E5E5 - #DBD2BF - #BFD29C

Codici CSS

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

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