#CAC4CC - #FFDBDB | 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 #CAC4CC a #FFDBDB

#CAC4CC #FFDBDB

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

#CAC4CC - #FFDBDB | 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 #CAC4CC come 0% e #FFDBDB come 100%.

0.0%	0.0% #CAC4CC	RGB 202 196 204	#CAC4CC
16.7%	16.7% #D2C7CE	RGB 210 199 206	#D2C7CE
33.3%	33.3% #DBCBD1	RGB 219 203 209	#DBCBD1
50.0%	50.0% #E4CFD3	RGB 228 207 211	#E4CFD3
66.7%	66.7% #EDD3D6	RGB 237 211 214	#EDD3D6
83.3%	83.3% #F6D7D8	RGB 246 215 216	#F6D7D8
100.0%	100.0% #FFDBDB	RGB 255 219 219	#FFDBDB

#CAC4CC #D2C7CE #DBCBD1 #E4CFD3 #EDD3D6 #F6D7D8 #FFDBDB

#CAC4CC - #FFDBDB

Miscela HSV

#CAC4CC - #FFDBDB | 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 #CAC4CC come 0% e #FFDBDB come 100%.

0.0%	0.0% #CAC4CC	RGB 202 196 204	#CAC4CC
16.7%	16.7% #D4C8D4	RGB 212 200 212	#D4C8D4
33.3%	33.3% #DDCCDA	RGB 221 204 218	#DDCCDA
50.0%	50.0% #E5D0DD	RGB 229 208 221	#E5D0DD
66.7%	66.7% #EED4DF	RGB 238 212 223	#EED4DF
83.3%	83.3% #F6D7DE	RGB 246 215 222	#F6D7DE
100.0%	100.0% #FFDBDB	RGB 255 219 219	#FFDBDB

#CAC4CC #D4C8D4 #DDCCDA #E5D0DD #EED4DF #F6D7DE #FFDBDB

#CAC4CC - #E5D0DD - #FFDBDB

Codici CSS

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

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