#C8C5BD - #A1886A | 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 #C8C5BD a #A1886A

#C8C5BD #A1886A

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

#C8C5BD - #A1886A | 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 #C8C5BD como 0% y #A1886A como 100%.

0.0%	0.0% #C8C5BD	RGB 200 197 189	#C8C5BD
16.7%	16.7% #C1BAAF	RGB 193 186 175	#C1BAAF
33.3%	33.3% #BBB0A1	RGB 187 176 161	#BBB0A1
50.0%	50.0% #B4A693	RGB 180 166 147	#B4A693
66.7%	66.7% #AE9C85	RGB 174 156 133	#AE9C85
83.3%	83.3% #A79277	RGB 167 146 119	#A79277
100.0%	100.0% #A1886A	RGB 161 136 106	#A1886A

#C8C5BD #C1BAAF #BBB0A1 #B4A693 #AE9C85 #A79277 #A1886A

#C8C5BD - #A1886A

Mezcla HSV

#C8C5BD - #A1886A | 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 #C8C5BD como 0% y #A1886A como 100%.

0.0%	0.0% #C8C5BD	RGB 200 197 189	#C8C5BD
16.7%	16.7% #C1BBAD	RGB 193 187 173	#C1BBAD
33.3%	33.3% #BBB19E	RGB 187 177 158	#BBB19E
50.0%	50.0% #B4A790	RGB 180 167 144	#B4A790
66.7%	66.7% #AE9D83	RGB 174 157 131	#AE9D83
83.3%	83.3% #A79276	RGB 167 146 118	#A79276
100.0%	100.0% #A1886A	RGB 161 136 106	#A1886A

#C8C5BD #C1BBAD #BBB19E #B4A790 #AE9D83 #A79276 #A1886A

#C8C5BD - #B4A790 - #A1886A

Códigos CSS

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

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