#C8C6BC - #A59569 | 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 #C8C6BC a #A59569

#C8C6BC #A59569

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

#C8C6BC - #A59569 | 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 #C8C6BC como 0% y #A59569 como 100%.

0.0%	0.0% #C8C6BC	RGB 200 198 188	#C8C6BC
16.7%	16.7% #C2BDAE	RGB 194 189 174	#C2BDAE
33.3%	33.3% #BCB5A0	RGB 188 181 160	#BCB5A0
50.0%	50.0% #B6AD92	RGB 182 173 146	#B6AD92
66.7%	66.7% #B0A584	RGB 176 165 132	#B0A584
83.3%	83.3% #AA9D76	RGB 170 157 118	#AA9D76
100.0%	100.0% #A59569	RGB 165 149 105	#A59569

#C8C6BC #C2BDAE #BCB5A0 #B6AD92 #B0A584 #AA9D76 #A59569

#C8C6BC - #A59569

Mezcla HSV

#C8C6BC - #A59569 | 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 #C8C6BC como 0% y #A59569 como 100%.

0.0%	0.0% #C8C6BC	RGB 200 198 188	#C8C6BC
16.7%	16.7% #C2BEAC	RGB 194 190 172	#C2BEAC
33.3%	33.3% #BCB69D	RGB 188 182 157	#BCB69D
50.0%	50.0% #B6AE8F	RGB 182 174 143	#B6AE8F
66.7%	66.7% #B0A582	RGB 176 165 130	#B0A582
83.3%	83.3% #AA9D75	RGB 170 157 117	#AA9D75
100.0%	100.0% #A59569	RGB 165 149 105	#A59569

#C8C6BC #C2BEAC #BCB69D #B6AE8F #B0A582 #AA9D75 #A59569

#C8C6BC - #B6AE8F - #A59569

Códigos CSS

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

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