#926958 - #DFD3CF | 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 #926958 a #DFD3CF

#926958 #DFD3CF

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

#926958 - #DFD3CF | 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 #926958 como 0% y #DFD3CF como 100%.

0.0%	0.0% #926958	RGB 146 105 88	#926958
16.7%	16.7% #9E7A6B	RGB 158 122 107	#9E7A6B
33.3%	33.3% #AB8C7F	RGB 171 140 127	#AB8C7F
50.0%	50.0% #B89E93	RGB 184 158 147	#B89E93
66.7%	66.7% #C5AFA7	RGB 197 175 167	#C5AFA7
83.3%	83.3% #D2C1BB	RGB 210 193 187	#D2C1BB
100.0%	100.0% #DFD3CF	RGB 223 211 207	#DFD3CF

#926958 #9E7A6B #AB8C7F #B89E93 #C5AFA7 #D2C1BB #DFD3CF

#926958 - #DFD3CF

Mezcla HSV

#926958 - #DFD3CF | 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 #926958 como 0% y #DFD3CF como 100%.

0.0%	0.0% #926958	RGB 146 105 88	#926958
16.7%	16.7% #9E7768	RGB 158 119 104	#9E7768
33.3%	33.3% #AB877A	RGB 171 135 122	#AB877A
50.0%	50.0% #B8988D	RGB 184 152 141	#B8988D
66.7%	66.7% #C5ABA1	RGB 197 171 161	#C5ABA1
83.3%	83.3% #D2BEB7	RGB 210 190 183	#D2BEB7
100.0%	100.0% #DFD3CF	RGB 223 211 207	#DFD3CF

#926958 #9E7768 #AB877A #B8988D #C5ABA1 #D2BEB7 #DFD3CF

#926958 - #B8988D - #DFD3CF

Códigos CSS

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

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