#9F7A5E - #CEA2D3 | 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 #9F7A5E a #CEA2D3

#9F7A5E #CEA2D3

Calcola il colore tra due colori, #9F7A5E e #CEA2D3. 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)

#9F7A5E - #CEA2D3 | 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 #9F7A5E come 0% e #CEA2D3 come 100%.

0.0%	0.0% #9F7A5E	RGB 159 122 94	#9F7A5E
16.7%	16.7% #A68071	RGB 166 128 113	#A68071
33.3%	33.3% #AE8785	RGB 174 135 133	#AE8785
50.0%	50.0% #B68E98	RGB 182 142 152	#B68E98
66.7%	66.7% #BE94AC	RGB 190 148 172	#BE94AC
83.3%	83.3% #C69BBF	RGB 198 155 191	#C69BBF
100.0%	100.0% #CEA2D3	RGB 206 162 211	#CEA2D3

#9F7A5E #A68071 #AE8785 #B68E98 #BE94AC #C69BBF #CEA2D3

#9F7A5E - #CEA2D3

Miscela HSV

#9F7A5E - #CEA2D3 | 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 #9F7A5E come 0% e #CEA2D3 come 100%.

0.0%	0.0% #9F7A5E	RGB 159 122 94	#9F7A5E
16.7%	16.7% #A77368	RGB 167 115 104	#A77368
33.3%	33.3% #B07277	RGB 176 114 119	#B07277
50.0%	50.0% #B97D91	RGB 185 125 145	#B97D91
66.7%	66.7% #C189AA	RGB 193 137 170	#C189AA
83.3%	83.3% #CA95C2	RGB 202 149 194	#CA95C2
100.0%	100.0% #CEA2D3	RGB 206 162 211	#CEA2D3

#9F7A5E #A77368 #B07277 #B97D91 #C189AA #CA95C2 #CEA2D3

#9F7A5E - #B97D91 - #CEA2D3

Codici CSS

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

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