#EFCECE - #E1817C | 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 #EFCECE a #E1817C

#EFCECE #E1817C

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

#EFCECE - #E1817C | 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 #EFCECE come 0% e #E1817C come 100%.

0.0%	0.0% #EFCECE	RGB 239 206 206	#EFCECE
16.7%	16.7% #ECC1C0	RGB 236 193 192	#ECC1C0
33.3%	33.3% #EAB4B2	RGB 234 180 178	#EAB4B2
50.0%	50.0% #E8A7A5	RGB 232 167 165	#E8A7A5
66.7%	66.7% #E59A97	RGB 229 154 151	#E59A97
83.3%	83.3% #E38D89	RGB 227 141 137	#E38D89
100.0%	100.0% #E1817C	RGB 225 129 124	#E1817C

#EFCECE #ECC1C0 #EAB4B2 #E8A7A5 #E59A97 #E38D89 #E1817C

#EFCECE - #E1817C

Miscela HSV

#EFCECE - #E1817C | 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 #EFCECE come 0% e #E1817C come 100%.

0.0%	0.0% #EFCECE	RGB 239 206 206	#EFCECE
16.7%	16.7% #ECC0BF	RGB 236 192 191	#ECC0BF
33.3%	33.3% #EAB2B1	RGB 234 178 177	#EAB2B1
50.0%	50.0% #E8A5A3	RGB 232 165 163	#E8A5A3
66.7%	66.7% #E59896	RGB 229 152 150	#E59896
83.3%	83.3% #E38C89	RGB 227 140 137	#E38C89
100.0%	100.0% #E1817C	RGB 225 129 124	#E1817C

#EFCECE #ECC0BF #EAB2B1 #E8A5A3 #E59896 #E38C89 #E1817C

#EFCECE - #E8A5A3 - #E1817C

Codici CSS

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

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