#CAA4AA - #EFE5E7 | 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 #CAA4AA a #EFE5E7

#CAA4AA #EFE5E7

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

#CAA4AA - #EFE5E7 | 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 #CAA4AA come 0% e #EFE5E7 come 100%.

0.0%	0.0% #CAA4AA	RGB 202 164 170	#CAA4AA
16.7%	16.7% #D0AEB4	RGB 208 174 180	#D0AEB4
33.3%	33.3% #D6B9BE	RGB 214 185 190	#D6B9BE
50.0%	50.0% #DCC4C8	RGB 220 196 200	#DCC4C8
66.7%	66.7% #E2CFD2	RGB 226 207 210	#E2CFD2
83.3%	83.3% #E8DADC	RGB 232 218 220	#E8DADC
100.0%	100.0% #EFE5E7	RGB 239 229 231	#EFE5E7

#CAA4AA #D0AEB4 #D6B9BE #DCC4C8 #E2CFD2 #E8DADC #EFE5E7

#CAA4AA - #EFE5E7

Miscela HSV

#CAA4AA - #EFE5E7 | 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 #CAA4AA come 0% e #EFE5E7 come 100%.

0.0%	0.0% #CAA4AA	RGB 202 164 170	#CAA4AA
16.7%	16.7% #D0AEB3	RGB 208 174 179	#D0AEB3
33.3%	33.3% #D6B8BD	RGB 214 184 189	#D6B8BD
50.0%	50.0% #DCC3C7	RGB 220 195 199	#DCC3C7
66.7%	66.7% #E2CED1	RGB 226 206 209	#E2CED1
83.3%	83.3% #E8D9DC	RGB 232 217 220	#E8D9DC
100.0%	100.0% #EFE5E7	RGB 239 229 231	#EFE5E7

#CAA4AA #D0AEB3 #D6B8BD #DCC3C7 #E2CED1 #E8D9DC #EFE5E7

#CAA4AA - #DCC3C7 - #EFE5E7

Codici CSS

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

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