#7A8266 - #D9DBD3 | 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 #7A8266 a #D9DBD3

#7A8266 #D9DBD3

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

#7A8266 - #D9DBD3 | 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 #7A8266 como 0% y #D9DBD3 como 100%.

0.0%	0.0% #7A8266	RGB 122 130 102	#7A8266
16.7%	16.7% #899078	RGB 137 144 120	#899078
33.3%	33.3% #999F8A	RGB 153 159 138	#999F8A
50.0%	50.0% #A9AE9C	RGB 169 174 156	#A9AE9C
66.7%	66.7% #B9BDAE	RGB 185 189 174	#B9BDAE
83.3%	83.3% #C9CCC0	RGB 201 204 192	#C9CCC0
100.0%	100.0% #D9DBD3	RGB 217 219 211	#D9DBD3

#7A8266 #899078 #999F8A #A9AE9C #B9BDAE #C9CCC0 #D9DBD3

#7A8266 - #D9DBD3

Mezcla HSV

#7A8266 - #D9DBD3 | 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 #7A8266 como 0% y #D9DBD3 como 100%.

0.0%	0.0% #7A8266	RGB 122 130 102	#7A8266
16.7%	16.7% #899075	RGB 137 144 117	#899075
33.3%	33.3% #989F86	RGB 152 159 134	#989F86
50.0%	50.0% #A8AE98	RGB 168 174 152	#A8AE98
66.7%	66.7% #B8BDAB	RGB 184 189 171	#B8BDAB
83.3%	83.3% #C8CCBE	RGB 200 204 190	#C8CCBE
100.0%	100.0% #D9DBD3	RGB 217 219 211	#D9DBD3

#7A8266 #899075 #989F86 #A8AE98 #B8BDAB #C8CCBE #D9DBD3

#7A8266 - #A8AE98 - #D9DBD3

Códigos CSS

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

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