#EB5E97 - #431A2B | 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 #EB5E97 a #431A2B

#EB5E97 #431A2B

Calcola il colore tra due colori, #EB5E97 e #431A2B. 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)

#EB5E97 - #431A2B | 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 #EB5E97 come 0% e #431A2B come 100%.

0.0%	0.0% #EB5E97	RGB 235 94 151	#EB5E97
16.7%	16.7% #CF5285	RGB 207 82 133	#CF5285
33.3%	33.3% #B34773	RGB 179 71 115	#B34773
50.0%	50.0% #973C61	RGB 151 60 97	#973C61
66.7%	66.7% #7B304F	RGB 123 48 79	#7B304F
83.3%	83.3% #5F253D	RGB 95 37 61	#5F253D
100.0%	100.0% #431A2B	RGB 67 26 43	#431A2B

#EB5E97 #CF5285 #B34773 #973C61 #7B304F #5F253D #431A2B

#EB5E97 - #431A2B

Miscela HSV

#EB5E97 - #431A2B | 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 #EB5E97 come 0% e #431A2B come 100%.

0.0%	0.0% #EB5E97	RGB 235 94 151	#EB5E97
16.7%	16.7% #CF5284	RGB 207 82 132	#CF5284
33.3%	33.3% #B34672	RGB 179 70 114	#B34672
50.0%	50.0% #973B60	RGB 151 59 96	#973B60
66.7%	66.7% #7B304E	RGB 123 48 78	#7B304E
83.3%	83.3% #5F253C	RGB 95 37 60	#5F253C
100.0%	100.0% #431A2B	RGB 67 26 43	#431A2B

#EB5E97 #CF5284 #B34672 #973B60 #7B304E #5F253C #431A2B

#EB5E97 - #973B60 - #431A2B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #EB5E97 0%, #973B60 50%, #431A2B 100%);
    background: -webkit-linear-gradient(top, #EB5E97 0%, #973B60 50%, #431A2B 100%);
    background: linear-gradient(to bottom, #EB5E97 0%, #973B60 50%, #431A2B 100%);
}
</style>