#E5E3E3 - #BD99B0 | 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 #E5E3E3 a #BD99B0

#E5E3E3 #BD99B0

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

#E5E3E3 - #BD99B0 | 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 #E5E3E3 come 0% e #BD99B0 come 100%.

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #DED6DA	RGB 222 214 218	#DED6DA
33.3%	33.3% #D7CAD2	RGB 215 202 210	#D7CAD2
50.0%	50.0% #D1BEC9	RGB 209 190 201	#D1BEC9
66.7%	66.7% #CAB1C1	RGB 202 177 193	#CAB1C1
83.3%	83.3% #C3A5B8	RGB 195 165 184	#C3A5B8
100.0%	100.0% #BD99B0	RGB 189 153 176	#BD99B0

#E5E3E3 #DED6DA #D7CAD2 #D1BEC9 #CAB1C1 #C3A5B8 #BD99B0

#E5E3E3 - #BD99B0

Miscela HSV

#E5E3E3 - #BD99B0 | 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 #E5E3E3 come 0% e #BD99B0 come 100%.

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #DED5D6	RGB 222 213 214	#DED5D6
33.3%	33.3% #D7C8CB	RGB 215 200 203	#D7C8CB
50.0%	50.0% #D1BCC2	RGB 209 188 194	#D1BCC2
66.7%	66.7% #CAB0BB	RGB 202 176 187	#CAB0BB
83.3%	83.3% #C3A4B5	RGB 195 164 181	#C3A4B5
100.0%	100.0% #BD99B0	RGB 189 153 176	#BD99B0

#E5E3E3 #DED5D6 #D7C8CB #D1BCC2 #CAB0BB #C3A4B5 #BD99B0

#E5E3E3 - #D1BCC2 - #BD99B0

Codici CSS

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

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