#C7AC8F - #EFE7DF | 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 #C7AC8F a #EFE7DF

#C7AC8F #EFE7DF

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

#C7AC8F - #EFE7DF | 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 #C7AC8F como 0% y #EFE7DF como 100%.

0.0%	0.0% #C7AC8F	RGB 199 172 143	#C7AC8F
16.7%	16.7% #CDB59C	RGB 205 181 156	#CDB59C
33.3%	33.3% #D4BFA9	RGB 212 191 169	#D4BFA9
50.0%	50.0% #DBC9B7	RGB 219 201 183	#DBC9B7
66.7%	66.7% #E1D3C4	RGB 225 211 196	#E1D3C4
83.3%	83.3% #E8DDD1	RGB 232 221 209	#E8DDD1
100.0%	100.0% #EFE7DF	RGB 239 231 223	#EFE7DF

#C7AC8F #CDB59C #D4BFA9 #DBC9B7 #E1D3C4 #E8DDD1 #EFE7DF

#C7AC8F - #EFE7DF

Mezcla HSV

#C7AC8F - #EFE7DF | 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 #C7AC8F como 0% y #EFE7DF como 100%.

0.0%	0.0% #C7AC8F	RGB 199 172 143	#C7AC8F
16.7%	16.7% #CDB59B	RGB 205 181 155	#CDB59B
33.3%	33.3% #D4BEA7	RGB 212 190 167	#D4BEA7
50.0%	50.0% #DBC8B4	RGB 219 200 180	#DBC8B4
66.7%	66.7% #E1D2C2	RGB 225 210 194	#E1D2C2
83.3%	83.3% #E8DCD0	RGB 232 220 208	#E8DCD0
100.0%	100.0% #EFE7DF	RGB 239 231 223	#EFE7DF

#C7AC8F #CDB59B #D4BEA7 #DBC8B4 #E1D2C2 #E8DCD0 #EFE7DF

#C7AC8F - #DBC8B4 - #EFE7DF

Códigos CSS

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

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