#ECE2EC - #CF92CA | 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 #ECE2EC a #CF92CA

#ECE2EC #CF92CA

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

#ECE2EC - #CF92CA | 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 #ECE2EC come 0% e #CF92CA come 100%.

0.0%	0.0% #ECE2EC	RGB 236 226 236	#ECE2EC
16.7%	16.7% #E7D4E6	RGB 231 212 230	#E7D4E6
33.3%	33.3% #E2C7E0	RGB 226 199 224	#E2C7E0
50.0%	50.0% #DDBADB	RGB 221 186 219	#DDBADB
66.7%	66.7% #D8ACD5	RGB 216 172 213	#D8ACD5
83.3%	83.3% #D39FCF	RGB 211 159 207	#D39FCF
100.0%	100.0% #CF92CA	RGB 207 146 202	#CF92CA

#ECE2EC #E7D4E6 #E2C7E0 #DDBADB #D8ACD5 #D39FCF #CF92CA

#ECE2EC - #CF92CA

Miscela HSV

#ECE2EC - #CF92CA | 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 #ECE2EC come 0% e #CF92CA come 100%.

0.0%	0.0% #ECE2EC	RGB 236 226 236	#ECE2EC
16.7%	16.7% #E7D3E6	RGB 231 211 230	#E7D3E6
33.3%	33.3% #E2C5E1	RGB 226 197 225	#E2C5E1
50.0%	50.0% #DDB8DB	RGB 221 184 219	#DDB8DB
66.7%	66.7% #D8ABD6	RGB 216 171 214	#D8ABD6
83.3%	83.3% #D39ED0	RGB 211 158 208	#D39ED0
100.0%	100.0% #CF92CA	RGB 207 146 202	#CF92CA

#ECE2EC #E7D3E6 #E2C5E1 #DDB8DB #D8ABD6 #D39ED0 #CF92CA

#ECE2EC - #DDB8DB - #CF92CA

Codici CSS

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

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