#484B23 - #CACBC0 | 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 #484B23 a #CACBC0

#484B23 #CACBC0

Calcule el color entre dos colores, #484B23 y #CACBC0. 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)

#484B23 - #CACBC0 | 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 #484B23 como 0% y #CACBC0 como 100%.

0.0%	0.0% #484B23	RGB 72 75 35	#484B23
16.7%	16.7% #5D603D	RGB 93 96 61	#5D603D
33.3%	33.3% #737557	RGB 115 117 87	#737557
50.0%	50.0% #898B71	RGB 137 139 113	#898B71
66.7%	66.7% #9EA08B	RGB 158 160 139	#9EA08B
83.3%	83.3% #B4B5A5	RGB 180 181 165	#B4B5A5
100.0%	100.0% #CACBC0	RGB 202 203 192	#CACBC0

#484B23 #5D603D #737557 #898B71 #9EA08B #B4B5A5 #CACBC0

#484B23 - #CACBC0

Mezcla HSV

#484B23 - #CACBC0 | 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 #484B23 como 0% y #CACBC0 como 100%.

0.0%	0.0% #484B23	RGB 72 75 35	#484B23
16.7%	16.7% #5C6034	RGB 92 96 52	#5C6034
33.3%	33.3% #727549	RGB 114 117 73	#727549
50.0%	50.0% #878B62	RGB 135 139 98	#878B62
66.7%	66.7% #9DA07E	RGB 157 160 126	#9DA07E
83.3%	83.3% #B3B59D	RGB 179 181 157	#B3B59D
100.0%	100.0% #CACBC0	RGB 202 203 192	#CACBC0

#484B23 #5C6034 #727549 #878B62 #9DA07E #B3B59D #CACBC0

#484B23 - #878B62 - #CACBC0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #484B23 0%, #878B62 50%, #CACBC0 100%);
    background: -webkit-linear-gradient(top, #484B23 0%, #878B62 50%, #CACBC0 100%);
    background: linear-gradient(to bottom, #484B23 0%, #878B62 50%, #CACBC0 100%);
}
</style>