#C9969C - #EFE1E2 | 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 #C9969C a #EFE1E2

#C9969C #EFE1E2

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

#C9969C - #EFE1E2 | 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 #C9969C come 0% e #EFE1E2 come 100%.

0.0%	0.0% #C9969C	RGB 201 150 156	#C9969C
16.7%	16.7% #CFA2A7	RGB 207 162 167	#CFA2A7
33.3%	33.3% #D5AFB3	RGB 213 175 179	#D5AFB3
50.0%	50.0% #DCBBBF	RGB 220 187 191	#DCBBBF
66.7%	66.7% #E2C8CA	RGB 226 200 202	#E2C8CA
83.3%	83.3% #E8D4D6	RGB 232 212 214	#E8D4D6
100.0%	100.0% #EFE1E2	RGB 239 225 226	#EFE1E2

#C9969C #CFA2A7 #D5AFB3 #DCBBBF #E2C8CA #E8D4D6 #EFE1E2

#C9969C - #EFE1E2

Miscela HSV

#C9969C - #EFE1E2 | 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 #C9969C come 0% e #EFE1E2 come 100%.

0.0%	0.0% #C9969C	RGB 201 150 156	#C9969C
16.7%	16.7% #CFA1A6	RGB 207 161 166	#CFA1A6
33.3%	33.3% #D5ADB1	RGB 213 173 177	#D5ADB1
50.0%	50.0% #DCB9BC	RGB 220 185 188	#DCB9BC
66.7%	66.7% #E2C6C8	RGB 226 198 200	#E2C6C8
83.3%	83.3% #E8D3D5	RGB 232 211 213	#E8D3D5
100.0%	100.0% #EFE1E2	RGB 239 225 226	#EFE1E2

#C9969C #CFA1A6 #D5ADB1 #DCB9BC #E2C6C8 #E8D3D5 #EFE1E2

#C9969C - #DCB9BC - #EFE1E2

Codici CSS

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

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