#686B00 - #C7976C | 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 #686B00 a #C7976C

#686B00 #C7976C

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

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

0.0%	0.0% #686B00	RGB 104 107 0	#686B00
16.7%	16.7% #777212	RGB 119 114 18	#777212
33.3%	33.3% #877924	RGB 135 121 36	#877924
50.0%	50.0% #978136	RGB 151 129 54	#978136
66.7%	66.7% #A78848	RGB 167 136 72	#A78848
83.3%	83.3% #B78F5A	RGB 183 143 90	#B78F5A
100.0%	100.0% #C7976C	RGB 199 151 108	#C7976C

#686B00 #777212 #877924 #978136 #A78848 #B78F5A #C7976C

#686B00 - #C7976C

Mezcla HSV

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

0.0%	0.0% #686B00	RGB 104 107 0	#686B00
16.7%	16.7% #7A730B	RGB 122 115 11	#7A730B
33.3%	33.3% #897718	RGB 137 119 24	#897718
50.0%	50.0% #997D29	RGB 153 125 41	#997D29
66.7%	66.7% #A8833C	RGB 168 131 60	#A8833C
83.3%	83.3% #B78B53	RGB 183 139 83	#B78B53
100.0%	100.0% #C7976C	RGB 199 151 108	#C7976C

#686B00 #7A730B #897718 #997D29 #A8833C #B78B53 #C7976C

#686B00 - #997D29 - #C7976C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #686B00 0%, #997D29 50%, #C7976C 100%);
    background: -webkit-linear-gradient(top, #686B00 0%, #997D29 50%, #C7976C 100%);
    background: linear-gradient(to bottom, #686B00 0%, #997D29 50%, #C7976C 100%);
}
</style>