#EB6AAC - #AD035F | 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 #EB6AAC a #AD035F

#EB6AAC #AD035F

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

#EB6AAC - #AD035F | 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 #EB6AAC come 0% e #AD035F come 100%.

0.0%	0.0% #EB6AAC	RGB 235 106 172	#EB6AAC
16.7%	16.7% #E0589F	RGB 224 88 159	#E0589F
33.3%	33.3% #D64792	RGB 214 71 146	#D64792
50.0%	50.0% #CC3685	RGB 204 54 133	#CC3685
66.7%	66.7% #C12578	RGB 193 37 120	#C12578
83.3%	83.3% #B7146B	RGB 183 20 107	#B7146B
100.0%	100.0% #AD035F	RGB 173 3 95	#AD035F

#EB6AAC #E0589F #D64792 #CC3685 #C12578 #B7146B #AD035F

#EB6AAC - #AD035F

Miscela HSV

#EB6AAC - #AD035F | 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 #EB6AAC come 0% e #AD035F come 100%.

0.0%	0.0% #EB6AAB	RGB 235 106 171	#EB6AAB
16.7%	16.7% #E0559D	RGB 224 85 157	#E0559D
33.3%	33.3% #D6418F	RGB 214 65 143	#D6418F
50.0%	50.0% #CC2F82	RGB 204 47 130	#CC2F82
66.7%	66.7% #C11F75	RGB 193 31 117	#C11F75
83.3%	83.3% #B71069	RGB 183 16 105	#B71069
100.0%	100.0% #AD035F	RGB 173 3 95	#AD035F

#EB6AAB #E0559D #D6418F #CC2F82 #C11F75 #B71069 #AD035F

#EB6AAC - #CC2F82 - #AD035F

Codici CSS

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

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