#ECE4E4 - #C09F98 | 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 #ECE4E4 a #C09F98

#ECE4E4 #C09F98

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

#ECE4E4 - #C09F98 | 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 #ECE4E4 come 0% e #C09F98 come 100%.

0.0%	0.0% #ECE4E4	RGB 236 228 228	#ECE4E4
16.7%	16.7% #E4D8D7	RGB 228 216 215	#E4D8D7
33.3%	33.3% #DDCDCA	RGB 221 205 202	#DDCDCA
50.0%	50.0% #D6C1BE	RGB 214 193 190	#D6C1BE
66.7%	66.7% #CEB6B1	RGB 206 182 177	#CEB6B1
83.3%	83.3% #C7AAA4	RGB 199 170 164	#C7AAA4
100.0%	100.0% #C09F98	RGB 192 159 152	#C09F98

#ECE4E4 #E4D8D7 #DDCDCA #D6C1BE #CEB6B1 #C7AAA4 #C09F98

#ECE4E4 - #C09F98

Miscela HSV

#ECE4E4 - #C09F98 | 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 #ECE4E4 come 0% e #C09F98 come 100%.

0.0%	0.0% #ECE4E4	RGB 236 228 228	#ECE4E4
16.7%	16.7% #E4D6D6	RGB 228 214 214	#E4D6D6
33.3%	33.3% #DDCAC8	RGB 221 202 200	#DDCAC8
50.0%	50.0% #D6BEBC	RGB 214 190 188	#D6BEBC
66.7%	66.7% #CEB3AF	RGB 206 179 175	#CEB3AF
83.3%	83.3% #C7A8A3	RGB 199 168 163	#C7A8A3
100.0%	100.0% #C09F98	RGB 192 159 152	#C09F98

#ECE4E4 #E4D6D6 #DDCAC8 #D6BEBC #CEB3AF #C7A8A3 #C09F98

#ECE4E4 - #D6BEBC - #C09F98

Codici CSS

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

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