#CACCC1 - #88966E | 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 #CACCC1 a #88966E

#CACCC1 #88966E

Calcule el color entre dos colores, #CACCC1 y #88966E. 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)

#CACCC1 - #88966E | 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 #CACCC1 como 0% y #88966E como 100%.

0.0%	0.0% #CACCC1	RGB 202 204 193	#CACCC1
16.7%	16.7% #BFC3B3	RGB 191 195 179	#BFC3B3
33.3%	33.3% #B4BAA5	RGB 180 186 165	#B4BAA5
50.0%	50.0% #A9B197	RGB 169 177 151	#A9B197
66.7%	66.7% #9EA889	RGB 158 168 137	#9EA889
83.3%	83.3% #939F7B	RGB 147 159 123	#939F7B
100.0%	100.0% #88966E	RGB 136 150 110	#88966E

#CACCC1 #BFC3B3 #B4BAA5 #A9B197 #9EA889 #939F7B #88966E

#CACCC1 - #88966E

Mezcla HSV

#CACCC1 - #88966E | 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 #CACCC1 como 0% y #88966E como 100%.

0.0%	0.0% #CACCC1	RGB 202 204 193	#CACCC1
16.7%	16.7% #BFC3B1	RGB 191 195 177	#BFC3B1
33.3%	33.3% #B4BAA2	RGB 180 186 162	#B4BAA2
50.0%	50.0% #A9B194	RGB 169 177 148	#A9B194
66.7%	66.7% #9EA887	RGB 158 168 135	#9EA887
83.3%	83.3% #939F7A	RGB 147 159 122	#939F7A
100.0%	100.0% #88966E	RGB 136 150 110	#88966E

#CACCC1 #BFC3B1 #B4BAA2 #A9B194 #9EA887 #939F7A #88966E

#CACCC1 - #A9B194 - #88966E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CACCC1 0%, #A9B194 50%, #88966E 100%);
    background: -webkit-linear-gradient(top, #CACCC1 0%, #A9B194 50%, #88966E 100%);
    background: linear-gradient(to bottom, #CACCC1 0%, #A9B194 50%, #88966E 100%);
}
</style>