#EB6F89 - #A8183F | 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 #EB6F89 a #A8183F

#EB6F89 #A8183F

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

#EB6F89 - #A8183F | 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 #EB6F89 come 0% e #A8183F come 100%.

0.0%	0.0% #EB6F89	RGB 235 111 137	#EB6F89
16.7%	16.7% #DF607C	RGB 223 96 124	#DF607C
33.3%	33.3% #D45270	RGB 212 82 112	#D45270
50.0%	50.0% #C94364	RGB 201 67 100	#C94364
66.7%	66.7% #BE3557	RGB 190 53 87	#BE3557
83.3%	83.3% #B3264B	RGB 179 38 75	#B3264B
100.0%	100.0% #A8183F	RGB 168 24 63	#A8183F

#EB6F89 #DF607C #D45270 #C94364 #BE3557 #B3264B #A8183F

#EB6F89 - #A8183F

Miscela HSV

#EB6F89 - #A8183F | 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 #EB6F89 come 0% e #A8183F come 100%.

0.0%	0.0% #EB6F88	RGB 235 111 136	#EB6F88
16.7%	16.7% #DF5D7A	RGB 223 93 122	#DF5D7A
33.3%	33.3% #D44D6C	RGB 212 77 108	#D44D6C
50.0%	50.0% #C93D5F	RGB 201 61 95	#C93D5F
66.7%	66.7% #BE3053	RGB 190 48 83	#BE3053
83.3%	83.3% #B32348	RGB 179 35 72	#B32348
100.0%	100.0% #A8183F	RGB 168 24 63	#A8183F

#EB6F88 #DF5D7A #D44D6C #C93D5F #BE3053 #B32348 #A8183F

#EB6F89 - #C93D5F - #A8183F

Codici CSS

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

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