#C4ABA4 - #EEE7E5 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #C4ABA4 a #EEE7E5

#C4ABA4 #EEE7E5

Calcule el color entre dos colores, #C4ABA4 y #EEE7E5. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#C4ABA4 - #EEE7E5 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #C4ABA4 como 0% y #EEE7E5 como 100%.

0.0%	0.0% #C4ABA4	RGB 196 171 164	#C4ABA4
16.7%	16.7% #CBB5AE	RGB 203 181 174	#CBB5AE
33.3%	33.3% #D2BFB9	RGB 210 191 185	#D2BFB9
50.0%	50.0% #D9C9C4	RGB 217 201 196	#D9C9C4
66.7%	66.7% #E0D3CF	RGB 224 211 207	#E0D3CF
83.3%	83.3% #E7DDDA	RGB 231 221 218	#E7DDDA
100.0%	100.0% #EEE7E5	RGB 238 231 229	#EEE7E5

#C4ABA4 #CBB5AE #D2BFB9 #D9C9C4 #E0D3CF #E7DDDA #EEE7E5

#C4ABA4 - #EEE7E5

Mezcla HSV

#C4ABA4 - #EEE7E5 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #C4ABA4 como 0% y #EEE7E5 como 100%.

0.0%	0.0% #C4ABA4	RGB 196 171 164	#C4ABA4
16.7%	16.7% #CBB4AE	RGB 203 180 174	#CBB4AE
33.3%	33.3% #D2BEB8	RGB 210 190 184	#D2BEB8
50.0%	50.0% #D9C7C3	RGB 217 199 195	#D9C7C3
66.7%	66.7% #E0D2CE	RGB 224 210 206	#E0D2CE
83.3%	83.3% #E7DCD9	RGB 231 220 217	#E7DCD9
100.0%	100.0% #EEE7E5	RGB 238 231 229	#EEE7E5

#C4ABA4 #CBB4AE #D2BEB8 #D9C7C3 #E0D2CE #E7DCD9 #EEE7E5

#C4ABA4 - #D9C7C3 - #EEE7E5

Códigos CSS

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

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