#C4C5BA - #848C66 | 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 #C4C5BA a #848C66

#C4C5BA #848C66

Calcule el color entre dos colores, #C4C5BA y #848C66. 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)

#C4C5BA - #848C66 | 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 #C4C5BA como 0% y #848C66 como 100%.

0.0%	0.0% #C4C5BA	RGB 196 197 186	#C4C5BA
16.7%	16.7% #B9BBAC	RGB 185 187 172	#B9BBAC
33.3%	33.3% #AEB29E	RGB 174 178 158	#AEB29E
50.0%	50.0% #A4A890	RGB 164 168 144	#A4A890
66.7%	66.7% #999F82	RGB 153 159 130	#999F82
83.3%	83.3% #8E9574	RGB 142 149 116	#8E9574
100.0%	100.0% #848C66	RGB 132 140 102	#848C66

#C4C5BA #B9BBAC #AEB29E #A4A890 #999F82 #8E9574 #848C66

#C4C5BA - #848C66

Mezcla HSV

#C4C5BA - #848C66 | 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 #C4C5BA como 0% y #848C66 como 100%.

0.0%	0.0% #C4C5BA	RGB 196 197 186	#C4C5BA
16.7%	16.7% #B9BBAA	RGB 185 187 170	#B9BBAA
33.3%	33.3% #AFB29B	RGB 175 178 155	#AFB29B
50.0%	50.0% #A4A88C	RGB 164 168 140	#A4A88C
66.7%	66.7% #999F7F	RGB 153 159 127	#999F7F
83.3%	83.3% #8E9572	RGB 142 149 114	#8E9572
100.0%	100.0% #848C66	RGB 132 140 102	#848C66

#C4C5BA #B9BBAA #AFB29B #A4A88C #999F7F #8E9572 #848C66

#C4C5BA - #A4A88C - #848C66

Códigos CSS

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

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