#9C92B4 - #FFD2B7 | 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 #9C92B4 a #FFD2B7

#9C92B4 #FFD2B7

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

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

0.0%	0.0% #9C92B4	RGB 156 146 180	#9C92B4
16.7%	16.7% #AC9CB4	RGB 172 156 180	#AC9CB4
33.3%	33.3% #BDA7B5	RGB 189 167 181	#BDA7B5
50.0%	50.0% #CDB2B5	RGB 205 178 181	#CDB2B5
66.7%	66.7% #DEBCB6	RGB 222 188 182	#DEBCB6
83.3%	83.3% #EEC7B6	RGB 238 199 182	#EEC7B6
100.0%	100.0% #FFD2B7	RGB 255 210 183	#FFD2B7

#9C92B4 #AC9CB4 #BDA7B5 #CDB2B5 #DEBCB6 #EEC7B6 #FFD2B7

#9C92B4 - #FFD2B7

Miscela HSV

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

0.0%	0.0% #9C92B4	RGB 156 146 180	#9C92B4
16.7%	16.7% #B299C0	RGB 178 153 192	#B299C0
33.3%	33.3% #CC9FCD	RGB 204 159 205	#CC9FCD
50.0%	50.0% #D9A6C8	RGB 217 166 200	#D9A6C8
66.7%	66.7% #E6ACBE	RGB 230 172 190	#E6ACBE
83.3%	83.3% #F2B3B1	RGB 242 179 177	#F2B3B1
100.0%	100.0% #FFD2B7	RGB 255 210 183	#FFD2B7

#9C92B4 #B299C0 #CC9FCD #D9A6C8 #E6ACBE #F2B3B1 #FFD2B7

#9C92B4 - #D9A6C8 - #FFD2B7

Codici CSS

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

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