#49403C - #CBC8C7 | 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 #49403C a #CBC8C7

#49403C #CBC8C7

Calcule el color entre dos colores, #49403C y #CBC8C7. 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)

#49403C - #CBC8C7 | 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 #49403C como 0% y #CBC8C7 como 100%.

0.0%	0.0% #49403C	RGB 73 64 60	#49403C
16.7%	16.7% #5E5653	RGB 94 86 83	#5E5653
33.3%	33.3% #746D6A	RGB 116 109 106	#746D6A
50.0%	50.0% #8A8481	RGB 138 132 129	#8A8481
66.7%	66.7% #9F9A98	RGB 159 154 152	#9F9A98
83.3%	83.3% #B5B1AF	RGB 181 177 175	#B5B1AF
100.0%	100.0% #CBC8C7	RGB 203 200 199	#CBC8C7

#49403C #5E5653 #746D6A #8A8481 #9F9A98 #B5B1AF #CBC8C7

#49403C - #CBC8C7

Mezcla HSV

#49403C - #CBC8C7 | 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 #49403C como 0% y #CBC8C7 como 100%.

0.0%	0.0% #49403C	RGB 73 64 60	#49403C
16.7%	16.7% #5E5450	RGB 94 84 80	#5E5450
33.3%	33.3% #746965	RGB 116 105 101	#746965
50.0%	50.0% #8A807C	RGB 138 128 124	#8A807C
66.7%	66.7% #9F9794	RGB 159 151 148	#9F9794
83.3%	83.3% #B5AFAC	RGB 181 175 172	#B5AFAC
100.0%	100.0% #CBC8C7	RGB 203 200 199	#CBC8C7

#49403C #5E5450 #746965 #8A807C #9F9794 #B5AFAC #CBC8C7

#49403C - #8A807C - #CBC8C7

Códigos CSS

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

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