#3E2D23 - #C7C3C0 | 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 #3E2D23 a #C7C3C0

#3E2D23 #C7C3C0

Calcule el color entre dos colores, #3E2D23 y #C7C3C0. 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)

#3E2D23 - #C7C3C0 | 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 #3E2D23 como 0% y #C7C3C0 como 100%.

0.0%	0.0% #3E2D23	RGB 62 45 35	#3E2D23
16.7%	16.7% #54463D	RGB 84 70 61	#54463D
33.3%	33.3% #6B5F57	RGB 107 95 87	#6B5F57
50.0%	50.0% #827871	RGB 130 120 113	#827871
66.7%	66.7% #99918B	RGB 153 145 139	#99918B
83.3%	83.3% #B0AAA5	RGB 176 170 165	#B0AAA5
100.0%	100.0% #C7C3C0	RGB 199 195 192	#C7C3C0

#3E2D23 #54463D #6B5F57 #827871 #99918B #B0AAA5 #C7C3C0

#3E2D23 - #C7C3C0

Mezcla HSV

#3E2D23 - #C7C3C0 | 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 #3E2D23 como 0% y #C7C3C0 como 100%.

0.0%	0.0% #3E2D23	RGB 62 45 35	#3E2D23
16.7%	16.7% #544135	RGB 84 65 53	#544135
33.3%	33.3% #6B574B	RGB 107 87 75	#6B574B
50.0%	50.0% #827063	RGB 130 112 99	#827063
66.7%	66.7% #998A7F	RGB 153 138 127	#998A7F
83.3%	83.3% #B0A59E	RGB 176 165 158	#B0A59E
100.0%	100.0% #C7C3C0	RGB 199 195 192	#C7C3C0

#3E2D23 #544135 #6B574B #827063 #998A7F #B0A59E #C7C3C0

#3E2D23 - #827063 - #C7C3C0

Códigos CSS

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

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