#E8C5E6 - #B46F90 | 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 #E8C5E6 a #B46F90

#E8C5E6 #B46F90

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

#E8C5E6 - #B46F90 | 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 #E8C5E6 come 0% e #B46F90 come 100%.

0.0%	0.0% #E8C5E6	RGB 232 197 230	#E8C5E6
16.7%	16.7% #DFB6D7	RGB 223 182 215	#DFB6D7
33.3%	33.3% #D6A8C9	RGB 214 168 201	#D6A8C9
50.0%	50.0% #CE9ABB	RGB 206 154 187	#CE9ABB
66.7%	66.7% #C58BAC	RGB 197 139 172	#C58BAC
83.3%	83.3% #BC7D9E	RGB 188 125 158	#BC7D9E
100.0%	100.0% #B46F90	RGB 180 111 144	#B46F90

#E8C5E6 #DFB6D7 #D6A8C9 #CE9ABB #C58BAC #BC7D9E #B46F90

#E8C5E6 - #B46F90

Miscela HSV

#E8C5E6 - #B46F90 | 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 #E8C5E6 come 0% e #B46F90 come 100%.

0.0%	0.0% #E8C5E6	RGB 232 197 230	#E8C5E6
16.7%	16.7% #DFB4D9	RGB 223 180 217	#DFB4D9
33.3%	33.3% #D6A5CC	RGB 214 165 204	#D6A5CC
50.0%	50.0% #CE96BE	RGB 206 150 190	#CE96BE
66.7%	66.7% #C588AF	RGB 197 136 175	#C588AF
83.3%	83.3% #BC7B9F	RGB 188 123 159	#BC7B9F
100.0%	100.0% #B46F90	RGB 180 111 144	#B46F90

#E8C5E6 #DFB4D9 #D6A5CC #CE96BE #C588AF #BC7B9F #B46F90

#E8C5E6 - #CE96BE - #B46F90

Codici CSS

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

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