#8D8E00 - #DEDEB6 | 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 #8D8E00 a #DEDEB6

#8D8E00 #DEDEB6

Calcule el color entre dos colores, #8D8E00 y #DEDEB6. 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)

#8D8E00 - #DEDEB6 | 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 #8D8E00 como 0% y #DEDEB6 como 100%.

0.0%	0.0% #8D8E00	RGB 141 142 0	#8D8E00
16.7%	16.7% #9A9B1E	RGB 154 155 30	#9A9B1E
33.3%	33.3% #A8A83C	RGB 168 168 60	#A8A83C
50.0%	50.0% #B5B65B	RGB 181 182 91	#B5B65B
66.7%	66.7% #C3C379	RGB 195 195 121	#C3C379
83.3%	83.3% #D0D097	RGB 208 208 151	#D0D097
100.0%	100.0% #DEDEB6	RGB 222 222 182	#DEDEB6

#8D8E00 #9A9B1E #A8A83C #B5B65B #C3C379 #D0D097 #DEDEB6

#8D8E00 - #DEDEB6

Mezcla HSV

#8D8E00 - #DEDEB6 | 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 #8D8E00 como 0% y #DEDEB6 como 100%.

0.0%	0.0% #8D8E00	RGB 141 142 0	#8D8E00
16.7%	16.7% #9A9B15	RGB 154 155 21	#9A9B15
33.3%	33.3% #A8A82E	RGB 168 168 46	#A8A82E
50.0%	50.0% #B5B64A	RGB 181 182 74	#B5B64A
66.7%	66.7% #C3C36A	RGB 195 195 106	#C3C36A
83.3%	83.3% #D0D08E	RGB 208 208 142	#D0D08E
100.0%	100.0% #DEDEB6	RGB 222 222 182	#DEDEB6

#8D8E00 #9A9B15 #A8A82E #B5B64A #C3C36A #D0D08E #DEDEB6

#8D8E00 - #B5B64A - #DEDEB6

Códigos CSS

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

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