#C8C5BC - #A18869 | 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 #C8C5BC a #A18869

#C8C5BC #A18869

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

#C8C5BC - #A18869 | 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 #C8C5BC como 0% y #A18869 como 100%.

0.0%	0.0% #C8C5BC	RGB 200 197 188	#C8C5BC
16.7%	16.7% #C1BAAE	RGB 193 186 174	#C1BAAE
33.3%	33.3% #BBB0A0	RGB 187 176 160	#BBB0A0
50.0%	50.0% #B4A692	RGB 180 166 146	#B4A692
66.7%	66.7% #AE9C84	RGB 174 156 132	#AE9C84
83.3%	83.3% #A79276	RGB 167 146 118	#A79276
100.0%	100.0% #A18869	RGB 161 136 105	#A18869

#C8C5BC #C1BAAE #BBB0A0 #B4A692 #AE9C84 #A79276 #A18869

#C8C5BC - #A18869

Mezcla HSV

#C8C5BC - #A18869 | 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 #C8C5BC como 0% y #A18869 como 100%.

0.0%	0.0% #C8C5BC	RGB 200 197 188	#C8C5BC
16.7%	16.7% #C1BBAC	RGB 193 187 172	#C1BBAC
33.3%	33.3% #BBB19D	RGB 187 177 157	#BBB19D
50.0%	50.0% #B4A78F	RGB 180 167 143	#B4A78F
66.7%	66.7% #AE9D82	RGB 174 157 130	#AE9D82
83.3%	83.3% #A79275	RGB 167 146 117	#A79275
100.0%	100.0% #A18869	RGB 161 136 105	#A18869

#C8C5BC #C1BBAC #BBB19D #B4A78F #AE9D82 #A79275 #A18869

#C8C5BC - #B4A78F - #A18869

Códigos CSS

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

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