#3C2F5E - #BA767F | 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 #3C2F5E a #BA767F

#3C2F5E #BA767F

Calcola il colore tra due colori, #3C2F5E e #BA767F. 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)

#3C2F5E - #BA767F | 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 #3C2F5E come 0% e #BA767F come 100%.

0.0%	0.0% #3C2F5E	RGB 60 47 94	#3C2F5E
16.7%	16.7% #513A63	RGB 81 58 99	#513A63
33.3%	33.3% #664669	RGB 102 70 105	#664669
50.0%	50.0% #7B526E	RGB 123 82 110	#7B526E
66.7%	66.7% #905E74	RGB 144 94 116	#905E74
83.3%	83.3% #A56A79	RGB 165 106 121	#A56A79
100.0%	100.0% #BA767F	RGB 186 118 127	#BA767F

#3C2F5E #513A63 #664669 #7B526E #905E74 #A56A79 #BA767F

#3C2F5E - #BA767F

Miscela HSV

#3C2F5E - #BA767F | 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 #3C2F5E come 0% e #BA767F come 100%.

0.0%	0.0% #3C2F5E	RGB 60 47 94	#3C2F5E
16.7%	16.7% #55396D	RGB 85 57 109	#55396D
33.3%	33.3% #71437C	RGB 113 67 124	#71437C
50.0%	50.0% #8C4F87	RGB 140 79 135	#8C4F87
66.7%	66.7% #9B5B85	RGB 155 91 133	#9B5B85
83.3%	83.3% #AA6882	RGB 170 104 130	#AA6882
100.0%	100.0% #BA767F	RGB 186 118 127	#BA767F

#3C2F5E #55396D #71437C #8C4F87 #9B5B85 #AA6882 #BA767F

#3C2F5E - #8C4F87 - #BA767F

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C2F5E 0%, #8C4F87 50%, #BA767F 100%);
    background: -webkit-linear-gradient(top, #3C2F5E 0%, #8C4F87 50%, #BA767F 100%);
    background: linear-gradient(to bottom, #3C2F5E 0%, #8C4F87 50%, #BA767F 100%);
}
</style>