#68635B - #D3D2D0 | 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 #68635B a #D3D2D0

#68635B #D3D2D0

Calcule el color entre dos colores, #68635B y #D3D2D0. 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)

#68635B - #D3D2D0 | 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 #68635B como 0% y #D3D2D0 como 100%.

0.0%	0.0% #68635B	RGB 104 99 91	#68635B
16.7%	16.7% #79756E	RGB 121 117 110	#79756E
33.3%	33.3% #8B8882	RGB 139 136 130	#8B8882
50.0%	50.0% #9D9A95	RGB 157 154 149	#9D9A95
66.7%	66.7% #AFADA9	RGB 175 173 169	#AFADA9
83.3%	83.3% #C1BFBC	RGB 193 191 188	#C1BFBC
100.0%	100.0% #D3D2D0	RGB 211 210 208	#D3D2D0

#68635B #79756E #8B8882 #9D9A95 #AFADA9 #C1BFBC #D3D2D0

#68635B - #D3D2D0

Mezcla HSV

#68635B - #D3D2D0 | 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 #68635B como 0% y #D3D2D0 como 100%.

0.0%	0.0% #68635B	RGB 104 99 91	#68635B
16.7%	16.7% #79746C	RGB 121 116 108	#79746C
33.3%	33.3% #8B877F	RGB 139 135 127	#8B877F
50.0%	50.0% #9D9992	RGB 157 153 146	#9D9992
66.7%	66.7% #AFACA6	RGB 175 172 166	#AFACA6
83.3%	83.3% #C1BFBA	RGB 193 191 186	#C1BFBA
100.0%	100.0% #D3D2D0	RGB 211 210 208	#D3D2D0

#68635B #79746C #8B877F #9D9992 #AFACA6 #C1BFBA #D3D2D0

#68635B - #9D9992 - #D3D2D0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #68635B 0%, #9D9992 50%, #D3D2D0 100%);
    background: -webkit-linear-gradient(top, #68635B 0%, #9D9992 50%, #D3D2D0 100%);
    background: linear-gradient(to bottom, #68635B 0%, #9D9992 50%, #D3D2D0 100%);
}
</style>