#686768 - #FCAA6F | 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 #686768 a #FCAA6F

#686768 #FCAA6F

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

#686768 - #FCAA6F | 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 #686768 como 0% y #FCAA6F como 100%.

0.0%	0.0% #686768	RGB 104 103 104	#686768
16.7%	16.7% #807269	RGB 128 114 105	#807269
33.3%	33.3% #997D6A	RGB 153 125 106	#997D6A
50.0%	50.0% #B2886B	RGB 178 136 107	#B2886B
66.7%	66.7% #CA936C	RGB 202 147 108	#CA936C
83.3%	83.3% #E39E6D	RGB 227 158 109	#E39E6D
100.0%	100.0% #FCAA6F	RGB 252 170 111	#FCAA6F

#686768 #807269 #997D6A #B2886B #CA936C #E39E6D #FCAA6F

#686768 - #FCAA6F

Mezcla HSV

#686768 - #FCAA6F | 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 #686768 como 0% y #FCAA6F como 100%.

0.0%	0.0% #686768	RGB 104 103 104	#686768
16.7%	16.7% #80737D	RGB 128 115 125	#80737D
33.3%	33.3% #997B8B	RGB 153 123 139	#997B8B
50.0%	50.0% #B27F8E	RGB 178 127 142	#B27F8E
66.7%	66.7% #CA7E82	RGB 202 126 130	#CA7E82
83.3%	83.3% #E38C78	RGB 227 140 120	#E38C78
100.0%	100.0% #FCAA6F	RGB 252 170 111	#FCAA6F

#686768 #80737D #997B8B #B27F8E #CA7E82 #E38C78 #FCAA6F

#686768 - #B27F8E - #FCAA6F

Códigos CSS

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

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