#909100 - #DFDFB6 | 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 #909100 a #DFDFB6

#909100 #DFDFB6

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

#909100 - #DFDFB6 | 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 #909100 como 0% y #DFDFB6 como 100%.

0.0%	0.0% #909100	RGB 144 145 0	#909100
16.7%	16.7% #9D9E1E	RGB 157 158 30	#9D9E1E
33.3%	33.3% #AAAB3C	RGB 170 171 60	#AAAB3C
50.0%	50.0% #B7B85B	RGB 183 184 91	#B7B85B
66.7%	66.7% #C4C579	RGB 196 197 121	#C4C579
83.3%	83.3% #D1D297	RGB 209 210 151	#D1D297
100.0%	100.0% #DFDFB6	RGB 223 223 182	#DFDFB6

#909100 #9D9E1E #AAAB3C #B7B85B #C4C579 #D1D297 #DFDFB6

#909100 - #DFDFB6

Mezcla HSV

#909100 - #DFDFB6 | 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 #909100 como 0% y #DFDFB6 como 100%.

0.0%	0.0% #909100	RGB 144 145 0	#909100
16.7%	16.7% #9D9E15	RGB 157 158 21	#9D9E15
33.3%	33.3% #AAAB2E	RGB 170 171 46	#AAAB2E
50.0%	50.0% #B7B84B	RGB 183 184 75	#B7B84B
66.7%	66.7% #C4C56B	RGB 196 197 107	#C4C56B
83.3%	83.3% #D1D28E	RGB 209 210 142	#D1D28E
100.0%	100.0% #DFDFB6	RGB 223 223 182	#DFDFB6

#909100 #9D9E15 #AAAB2E #B7B84B #C4C56B #D1D28E #DFDFB6

#909100 - #B7B84B - #DFDFB6

Códigos CSS

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

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