#C175A8 - #EDD7E6 | 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 #C175A8 a #EDD7E6

#C175A8 #EDD7E6

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

#C175A8 - #EDD7E6 | 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 #C175A8 come 0% e #EDD7E6 come 100%.

0.0%	0.0% #C175A8	RGB 193 117 168	#C175A8
16.7%	16.7% #C885B2	RGB 200 133 178	#C885B2
33.3%	33.3% #CF95BC	RGB 207 149 188	#CF95BC
50.0%	50.0% #D7A6C7	RGB 215 166 199	#D7A6C7
66.7%	66.7% #DEB6D1	RGB 222 182 209	#DEB6D1
83.3%	83.3% #E5C6DB	RGB 229 198 219	#E5C6DB
100.0%	100.0% #EDD7E6	RGB 237 215 230	#EDD7E6

#C175A8 #C885B2 #CF95BC #D7A6C7 #DEB6D1 #E5C6DB #EDD7E6

#C175A8 - #EDD7E6

Miscela HSV

#C175A8 - #EDD7E6 | 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 #C175A8 come 0% e #EDD7E6 come 100%.

0.0%	0.0% #C175A8	RGB 193 117 168	#C175A8
16.7%	16.7% #C883B1	RGB 200 131 177	#C883B1
33.3%	33.3% #CF92BB	RGB 207 146 187	#CF92BB
50.0%	50.0% #D7A2C6	RGB 215 162 198	#D7A2C6
66.7%	66.7% #DEB3D0	RGB 222 179 208	#DEB3D0
83.3%	83.3% #E5C4DB	RGB 229 196 219	#E5C4DB
100.0%	100.0% #EDD7E6	RGB 237 215 230	#EDD7E6

#C175A8 #C883B1 #CF92BB #D7A2C6 #DEB3D0 #E5C4DB #EDD7E6

#C175A8 - #D7A2C6 - #EDD7E6

Codici CSS

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

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