#827B5C - #DBD9D0 | 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 #827B5C a #DBD9D0

#827B5C #DBD9D0

Calcule el color entre dos colores, #827B5C y #DBD9D0. 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)

#827B5C - #DBD9D0 | 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 #827B5C como 0% y #DBD9D0 como 100%.

0.0%	0.0% #827B5C	RGB 130 123 92	#827B5C
16.7%	16.7% #908A6F	RGB 144 138 111	#908A6F
33.3%	33.3% #9F9A82	RGB 159 154 130	#9F9A82
50.0%	50.0% #AEAA96	RGB 174 170 150	#AEAA96
66.7%	66.7% #BDB9A9	RGB 189 185 169	#BDB9A9
83.3%	83.3% #CCC9BC	RGB 204 201 188	#CCC9BC
100.0%	100.0% #DBD9D0	RGB 219 217 208	#DBD9D0

#827B5C #908A6F #9F9A82 #AEAA96 #BDB9A9 #CCC9BC #DBD9D0

#827B5C - #DBD9D0

Mezcla HSV

#827B5C - #DBD9D0 | 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 #827B5C como 0% y #DBD9D0 como 100%.

0.0%	0.0% #827B5C	RGB 130 123 92	#827B5C
16.7%	16.7% #908A6C	RGB 144 138 108	#908A6C
33.3%	33.3% #9F997D	RGB 159 153 125	#9F997D
50.0%	50.0% #AEA990	RGB 174 169 144	#AEA990
66.7%	66.7% #BDB8A4	RGB 189 184 164	#BDB8A4
83.3%	83.3% #CCC8B9	RGB 204 200 185	#CCC8B9
100.0%	100.0% #DBD9D0	RGB 219 217 208	#DBD9D0

#827B5C #908A6C #9F997D #AEA990 #BDB8A4 #CCC8B9 #DBD9D0

#827B5C - #AEA990 - #DBD9D0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #827B5C 0%, #AEA990 50%, #DBD9D0 100%);
    background: -webkit-linear-gradient(top, #827B5C 0%, #AEA990 50%, #DBD9D0 100%);
    background: linear-gradient(to bottom, #827B5C 0%, #AEA990 50%, #DBD9D0 100%);
}
</style>