#727367 - #D3BD8C | 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 #727367 a #D3BD8C

#727367 #D3BD8C

Calcule el color entre dos colores, #727367 y #D3BD8C. 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)

#727367 - #D3BD8C | 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 #727367 como 0% y #D3BD8C como 100%.

0.0%	0.0% #727367	RGB 114 115 103	#727367
16.7%	16.7% #827F6D	RGB 130 127 109	#827F6D
33.3%	33.3% #928B73	RGB 146 139 115	#928B73
50.0%	50.0% #A29879	RGB 162 152 121	#A29879
66.7%	66.7% #B2A47F	RGB 178 164 127	#B2A47F
83.3%	83.3% #C2B085	RGB 194 176 133	#C2B085
100.0%	100.0% #D3BD8C	RGB 211 189 140	#D3BD8C

#727367 #827F6D #928B73 #A29879 #B2A47F #C2B085 #D3BD8C

#727367 - #D3BD8C

Mezcla HSV

#727367 - #D3BD8C | 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 #727367 como 0% y #D3BD8C como 100%.

0.0%	0.0% #727367	RGB 114 115 103	#727367
16.7%	16.7% #828370	RGB 130 131 112	#828370
33.3%	33.3% #939178	RGB 147 145 120	#939178
50.0%	50.0% #A39E7F	RGB 163 158 127	#A39E7F
66.7%	66.7% #B3AA84	RGB 179 170 132	#B3AA84
83.3%	83.3% #C3B488	RGB 195 180 136	#C3B488
100.0%	100.0% #D3BD8C	RGB 211 189 140	#D3BD8C

#727367 #828370 #939178 #A39E7F #B3AA84 #C3B488 #D3BD8C

#727367 - #A39E7F - #D3BD8C

Códigos CSS

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

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