#46492A - #CACBC2 | 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 #46492A a #CACBC2

#46492A #CACBC2

Calcule el color entre dos colores, #46492A y #CACBC2. 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)

#46492A - #CACBC2 | 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 #46492A como 0% y #CACBC2 como 100%.

0.0%	0.0% #46492A	RGB 70 73 42	#46492A
16.7%	16.7% #5C5E43	RGB 92 94 67	#5C5E43
33.3%	33.3% #72745C	RGB 114 116 92	#72745C
50.0%	50.0% #888A76	RGB 136 138 118	#888A76
66.7%	66.7% #9E9F8F	RGB 158 159 143	#9E9F8F
83.3%	83.3% #B4B5A8	RGB 180 181 168	#B4B5A8
100.0%	100.0% #CACBC2	RGB 202 203 194	#CACBC2

#46492A #5C5E43 #72745C #888A76 #9E9F8F #B4B5A8 #CACBC2

#46492A - #CACBC2

Mezcla HSV

#46492A - #CACBC2 | 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 #46492A como 0% y #CACBC2 como 100%.

0.0%	0.0% #46492A	RGB 70 73 42	#46492A
16.7%	16.7% #5B5E3C	RGB 91 94 60	#5B5E3C
33.3%	33.3% #707451	RGB 112 116 81	#707451
50.0%	50.0% #868A69	RGB 134 138 105	#868A69
66.7%	66.7% #9C9F84	RGB 156 159 132	#9C9F84
83.3%	83.3% #B3B5A1	RGB 179 181 161	#B3B5A1
100.0%	100.0% #CACBC2	RGB 202 203 194	#CACBC2

#46492A #5B5E3C #707451 #868A69 #9C9F84 #B3B5A1 #CACBC2

#46492A - #868A69 - #CACBC2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #46492A 0%, #868A69 50%, #CACBC2 100%);
    background: -webkit-linear-gradient(top, #46492A 0%, #868A69 50%, #CACBC2 100%);
    background: linear-gradient(to bottom, #46492A 0%, #868A69 50%, #CACBC2 100%);
}
</style>