#C4A79F - #EEE5E3 | 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 #C4A79F a #EEE5E3

#C4A79F #EEE5E3

Calcule el color entre dos colores, #C4A79F y #EEE5E3. 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)

#C4A79F - #EEE5E3 | 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 #C4A79F como 0% y #EEE5E3 como 100%.

0.0%	0.0% #C4A79F	RGB 196 167 159	#C4A79F
16.7%	16.7% #CBB1AA	RGB 203 177 170	#CBB1AA
33.3%	33.3% #D2BBB5	RGB 210 187 181	#D2BBB5
50.0%	50.0% #D9C6C1	RGB 217 198 193	#D9C6C1
66.7%	66.7% #E0D0CC	RGB 224 208 204	#E0D0CC
83.3%	83.3% #E7DAD7	RGB 231 218 215	#E7DAD7
100.0%	100.0% #EEE5E3	RGB 238 229 227	#EEE5E3

#C4A79F #CBB1AA #D2BBB5 #D9C6C1 #E0D0CC #E7DAD7 #EEE5E3

#C4A79F - #EEE5E3

Mezcla HSV

#C4A79F - #EEE5E3 | 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 #C4A79F como 0% y #EEE5E3 como 100%.

0.0%	0.0% #C4A79F	RGB 196 167 159	#C4A79F
16.7%	16.7% #CBB0A9	RGB 203 176 169	#CBB0A9
33.3%	33.3% #D2BAB4	RGB 210 186 180	#D2BAB4
50.0%	50.0% #D9C4BF	RGB 217 196 191	#D9C4BF
66.7%	66.7% #E0CFCB	RGB 224 207 203	#E0CFCB
83.3%	83.3% #E7D9D6	RGB 231 217 214	#E7D9D6
100.0%	100.0% #EEE5E3	RGB 238 229 227	#EEE5E3

#C4A79F #CBB0A9 #D2BAB4 #D9C4BF #E0CFCB #E7D9D6 #EEE5E3

#C4A79F - #D9C4BF - #EEE5E3

Códigos CSS

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

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