#EAD2D4 - #BA858C | 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 #EAD2D4 a #BA858C

#EAD2D4 #BA858C

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

#EAD2D4 - #BA858C | 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 #EAD2D4 come 0% e #BA858C come 100%.

0.0%	0.0% #EAD2D4	RGB 234 210 212	#EAD2D4
16.7%	16.7% #E2C5C8	RGB 226 197 200	#E2C5C8
33.3%	33.3% #DAB8BC	RGB 218 184 188	#DAB8BC
50.0%	50.0% #D2ABB0	RGB 210 171 176	#D2ABB0
66.7%	66.7% #CA9EA4	RGB 202 158 164	#CA9EA4
83.3%	83.3% #C29198	RGB 194 145 152	#C29198
100.0%	100.0% #BA858C	RGB 186 133 140	#BA858C

#EAD2D4 #E2C5C8 #DAB8BC #D2ABB0 #CA9EA4 #C29198 #BA858C

#EAD2D4 - #BA858C

Miscela HSV

#EAD2D4 - #BA858C | 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 #EAD2D4 come 0% e #BA858C come 100%.

0.0%	0.0% #EAD2D4	RGB 234 210 212	#EAD2D4
16.7%	16.7% #E2C3C6	RGB 226 195 198	#E2C3C6
33.3%	33.3% #DAB6B9	RGB 218 182 185	#DAB6B9
50.0%	50.0% #D2A9AD	RGB 210 169 173	#D2A9AD
66.7%	66.7% #CA9CA1	RGB 202 156 161	#CA9CA1
83.3%	83.3% #C29096	RGB 194 144 150	#C29096
100.0%	100.0% #BA858C	RGB 186 133 140	#BA858C

#EAD2D4 #E2C3C6 #DAB6B9 #D2A9AD #CA9CA1 #C29096 #BA858C

#EAD2D4 - #D2A9AD - #BA858C

Codici CSS

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

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