#686E5A - #CEB77E | 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 #686E5A a #CEB77E

#686E5A #CEB77E

Calcule el color entre dos colores, #686E5A y #CEB77E. 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)

#686E5A - #CEB77E | 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 #686E5A como 0% y #CEB77E como 100%.

0.0%	0.0% #686E5A	RGB 104 110 90	#686E5A
16.7%	16.7% #797A60	RGB 121 122 96	#797A60
33.3%	33.3% #8A8666	RGB 138 134 102	#8A8666
50.0%	50.0% #9B926C	RGB 155 146 108	#9B926C
66.7%	66.7% #AC9E72	RGB 172 158 114	#AC9E72
83.3%	83.3% #BDAA78	RGB 189 170 120	#BDAA78
100.0%	100.0% #CEB77E	RGB 206 183 126	#CEB77E

#686E5A #797A60 #8A8666 #9B926C #AC9E72 #BDAA78 #CEB77E

#686E5A - #CEB77E

Mezcla HSV

#686E5A - #CEB77E | 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 #686E5A como 0% y #CEB77E como 100%.

0.0%	0.0% #686E5A	RGB 104 110 90	#686E5A
16.7%	16.7% #787E62	RGB 120 126 98	#787E62
33.3%	33.3% #8A8E6A	RGB 138 142 106	#8A8E6A
50.0%	50.0% #9D9E70	RGB 157 158 112	#9D9E70
66.7%	66.7% #AEA876	RGB 174 168 118	#AEA876
83.3%	83.3% #BEB17A	RGB 190 177 122	#BEB17A
100.0%	100.0% #CEB77E	RGB 206 183 126	#CEB77E

#686E5A #787E62 #8A8E6A #9D9E70 #AEA876 #BEB17A #CEB77E

#686E5A - #9D9E70 - #CEB77E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #686E5A 0%, #9D9E70 50%, #CEB77E 100%);
    background: -webkit-linear-gradient(top, #686E5A 0%, #9D9E70 50%, #CEB77E 100%);
    background: linear-gradient(to bottom, #686E5A 0%, #9D9E70 50%, #CEB77E 100%);
}
</style>