#CBC6B2 - #A48B5E | 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 #CBC6B2 a #A48B5E

#CBC6B2 #A48B5E

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

#CBC6B2 - #A48B5E | 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 #CBC6B2 como 0% y #A48B5E como 100%.

0.0%	0.0% #CBC6B2	RGB 203 198 178	#CBC6B2
16.7%	16.7% #C4BCA4	RGB 196 188 164	#C4BCA4
33.3%	33.3% #BEB296	RGB 190 178 150	#BEB296
50.0%	50.0% #B7A888	RGB 183 168 136	#B7A888
66.7%	66.7% #B19E7A	RGB 177 158 122	#B19E7A
83.3%	83.3% #AA946C	RGB 170 148 108	#AA946C
100.0%	100.0% #A48B5E	RGB 164 139 94	#A48B5E

#CBC6B2 #C4BCA4 #BEB296 #B7A888 #B19E7A #AA946C #A48B5E

#CBC6B2 - #A48B5E

Mezcla HSV

#CBC6B2 - #A48B5E | 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 #CBC6B2 como 0% y #A48B5E como 100%.

0.0%	0.0% #CBC6B2	RGB 203 198 178	#CBC6B2
16.7%	16.7% #C4BCA2	RGB 196 188 162	#C4BCA2
33.3%	33.3% #BEB393	RGB 190 179 147	#BEB393
50.0%	50.0% #B7A985	RGB 183 169 133	#B7A985
66.7%	66.7% #B19F77	RGB 177 159 119	#B19F77
83.3%	83.3% #AA956A	RGB 170 149 106	#AA956A
100.0%	100.0% #A48B5E	RGB 164 139 94	#A48B5E

#CBC6B2 #C4BCA2 #BEB393 #B7A985 #B19F77 #AA956A #A48B5E

#CBC6B2 - #B7A985 - #A48B5E

Códigos CSS

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

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