#503224 - #CDC4C0 | 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 #503224 a #CDC4C0

#503224 #CDC4C0

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

#503224 - #CDC4C0 | 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 #503224 como 0% y #CDC4C0 como 100%.

0.0%	0.0% #503224	RGB 80 50 36	#503224
16.7%	16.7% #644A3E	RGB 100 74 62	#644A3E
33.3%	33.3% #796258	RGB 121 98 88	#796258
50.0%	50.0% #8E7B72	RGB 142 123 114	#8E7B72
66.7%	66.7% #A3938C	RGB 163 147 140	#A3938C
83.3%	83.3% #B8ABA6	RGB 184 171 166	#B8ABA6
100.0%	100.0% #CDC4C0	RGB 205 196 192	#CDC4C0

#503224 #644A3E #796258 #8E7B72 #A3938C #B8ABA6 #CDC4C0

#503224 - #CDC4C0

Mezcla HSV

#503224 - #CDC4C0 | 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 #503224 como 0% y #CDC4C0 como 100%.

0.0%	0.0% #503224	RGB 80 50 36	#503224
16.7%	16.7% #644435	RGB 100 68 53	#644435
33.3%	33.3% #79594A	RGB 121 89 74	#79594A
50.0%	50.0% #8E7062	RGB 142 112 98	#8E7062
66.7%	66.7% #A3897E	RGB 163 137 126	#A3897E
83.3%	83.3% #B8A59D	RGB 184 165 157	#B8A59D
100.0%	100.0% #CDC4C0	RGB 205 196 192	#CDC4C0

#503224 #644435 #79594A #8E7062 #A3897E #B8A59D #CDC4C0

#503224 - #8E7062 - #CDC4C0

Códigos CSS

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

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