#EADCDC - #AE8A8C | 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 #EADCDC a #AE8A8C

#EADCDC #AE8A8C

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

#EADCDC - #AE8A8C | 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 #EADCDC come 0% e #AE8A8C come 100%.

0.0%	0.0% #EADCDC	RGB 234 220 220	#EADCDC
16.7%	16.7% #E0CECE	RGB 224 206 206	#E0CECE
33.3%	33.3% #D6C0C1	RGB 214 192 193	#D6C0C1
50.0%	50.0% #CCB3B4	RGB 204 179 180	#CCB3B4
66.7%	66.7% #C2A5A6	RGB 194 165 166	#C2A5A6
83.3%	83.3% #B89799	RGB 184 151 153	#B89799
100.0%	100.0% #AE8A8C	RGB 174 138 140	#AE8A8C

#EADCDC #E0CECE #D6C0C1 #CCB3B4 #C2A5A6 #B89799 #AE8A8C

#EADCDC - #AE8A8C

Miscela HSV

#EADCDC - #AE8A8C | 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 #EADCDC come 0% e #AE8A8C come 100%.

0.0%	0.0% #EADCDC	RGB 234 220 220	#EADCDC
16.7%	16.7% #E0CDCD	RGB 224 205 205	#E0CDCD
33.3%	33.3% #D6BEBF	RGB 214 190 191	#D6BEBF
50.0%	50.0% #CCB0B1	RGB 204 176 177	#CCB0B1
66.7%	66.7% #C2A3A4	RGB 194 163 164	#C2A3A4
83.3%	83.3% #B89697	RGB 184 150 151	#B89697
100.0%	100.0% #AE8A8C	RGB 174 138 140	#AE8A8C

#EADCDC #E0CDCD #D6BEBF #CCB0B1 #C2A3A4 #B89697 #AE8A8C

#EADCDC - #CCB0B1 - #AE8A8C

Codici CSS

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

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