#4D4023 - #CCC8C0 | 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 #4D4023 a #CCC8C0

#4D4023 #CCC8C0

Calcule el color entre dos colores, #4D4023 y #CCC8C0. 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)

#4D4023 - #CCC8C0 | 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 #4D4023 como 0% y #CCC8C0 como 100%.

0.0%	0.0% #4D4023	RGB 77 64 35	#4D4023
16.7%	16.7% #62563D	RGB 98 86 61	#62563D
33.3%	33.3% #776D57	RGB 119 109 87	#776D57
50.0%	50.0% #8C8471	RGB 140 132 113	#8C8471
66.7%	66.7% #A19A8B	RGB 161 154 139	#A19A8B
83.3%	83.3% #B6B1A5	RGB 182 177 165	#B6B1A5
100.0%	100.0% #CCC8C0	RGB 204 200 192	#CCC8C0

#4D4023 #62563D #776D57 #8C8471 #A19A8B #B6B1A5 #CCC8C0

#4D4023 - #CCC8C0

Mezcla HSV

#4D4023 - #CCC8C0 | 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 #4D4023 como 0% y #CCC8C0 como 100%.

0.0%	0.0% #4D4023	RGB 77 64 35	#4D4023
16.7%	16.7% #625334	RGB 98 83 52	#625334
33.3%	33.3% #776849	RGB 119 104 73	#776849
50.0%	50.0% #8C7E62	RGB 140 126 98	#8C7E62
66.7%	66.7% #A1967D	RGB 161 150 125	#A1967D
83.3%	83.3% #B6AE9D	RGB 182 174 157	#B6AE9D
100.0%	100.0% #CCC8C0	RGB 204 200 192	#CCC8C0

#4D4023 #625334 #776849 #8C7E62 #A1967D #B6AE9D #CCC8C0

#4D4023 - #8C7E62 - #CCC8C0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4023 0%, #8C7E62 50%, #CCC8C0 100%);
    background: -webkit-linear-gradient(top, #4D4023 0%, #8C7E62 50%, #CCC8C0 100%);
    background: linear-gradient(to bottom, #4D4023 0%, #8C7E62 50%, #CCC8C0 100%);
}
</style>