#AACACE - #DDD4D3 | 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 #AACACE a #DDD4D3

#AACACE #DDD4D3

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

#AACACE - #DDD4D3 | 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 #AACACE come 0% e #DDD4D3 come 100%.

0.0%	0.0% #AACACE	RGB 170 202 206	#AACACE
16.7%	16.7% #B2CBCE	RGB 178 203 206	#B2CBCE
33.3%	33.3% #BBCDCF	RGB 187 205 207	#BBCDCF
50.0%	50.0% #C3CFD0	RGB 195 207 208	#C3CFD0
66.7%	66.7% #CCD0D1	RGB 204 208 209	#CCD0D1
83.3%	83.3% #D4D2D2	RGB 212 210 210	#D4D2D2
100.0%	100.0% #DDD4D3	RGB 221 212 211	#DDD4D3

#AACACE #B2CBCE #BBCDCF #C3CFD0 #CCD0D1 #D4D2D2 #DDD4D3

#AACACE - #DDD4D3

Miscela HSV

#AACACE - #DDD4D3 | 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 #AACACE come 0% e #DDD4D3 come 100%.

0.0%	0.0% #AACACE	RGB 170 202 206	#AACACE
16.7%	16.7% #B0BDD0	RGB 176 189 208	#B0BDD0
33.3%	33.3% #BAB7D3	RGB 186 183 211	#BAB7D3
50.0%	50.0% #CCBED5	RGB 204 190 213	#CCBED5
66.7%	66.7% #D8C4D6	RGB 216 196 214	#D8C4D6
83.3%	83.3% #DACBD1	RGB 218 203 209	#DACBD1
100.0%	100.0% #DDD4D3	RGB 221 212 211	#DDD4D3

#AACACE #B0BDD0 #BAB7D3 #CCBED5 #D8C4D6 #DACBD1 #DDD4D3

#AACACE - #CCBED5 - #DDD4D3

Codici CSS

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

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