#696969 - #E6B894 | 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 #696969 a #E6B894

#696969 #E6B894

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

#696969 - #E6B894 | 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 #696969 como 0% y #E6B894 como 100%.

0.0%	0.0% #696969	RGB 105 105 105	#696969
16.7%	16.7% #7D7670	RGB 125 118 112	#7D7670
33.3%	33.3% #928377	RGB 146 131 119	#928377
50.0%	50.0% #A7907E	RGB 167 144 126	#A7907E
66.7%	66.7% #BC9D85	RGB 188 157 133	#BC9D85
83.3%	83.3% #D1AA8C	RGB 209 170 140	#D1AA8C
100.0%	100.0% #E6B894	RGB 230 184 148	#E6B894

#696969 #7D7670 #928377 #A7907E #BC9D85 #D1AA8C #E6B894

#696969 - #E6B894

Mezcla HSV

#696969 - #E6B894 | 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 #696969 como 0% y #E6B894 como 100%.

0.0%	0.0% #696969	RGB 105 105 105	#696969
16.7%	16.7% #7D7676	RGB 125 118 118	#7D7676
33.3%	33.3% #928381	RGB 146 131 129	#928381
50.0%	50.0% #A79089	RGB 167 144 137	#A79089
66.7%	66.7% #BC9C8F	RGB 188 156 143	#BC9C8F
83.3%	83.3% #D1A993	RGB 209 169 147	#D1A993
100.0%	100.0% #E6B894	RGB 230 184 148	#E6B894

#696969 #7D7676 #928381 #A79089 #BC9C8F #D1A993 #E6B894

#696969 - #A79089 - #E6B894

Códigos CSS

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

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