#7C8644 - #D9DCC9 | 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 #7C8644 a #D9DCC9

#7C8644 #D9DCC9

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

#7C8644 - #D9DCC9 | 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 #7C8644 como 0% y #D9DCC9 como 100%.

0.0%	0.0% #7C8644	RGB 124 134 68	#7C8644
16.7%	16.7% #8B945A	RGB 139 148 90	#8B945A
33.3%	33.3% #9BA270	RGB 155 162 112	#9BA270
50.0%	50.0% #AAB186	RGB 170 177 134	#AAB186
66.7%	66.7% #BABF9C	RGB 186 191 156	#BABF9C
83.3%	83.3% #C9CDB2	RGB 201 205 178	#C9CDB2
100.0%	100.0% #D9DCC9	RGB 217 220 201	#D9DCC9

#7C8644 #8B945A #9BA270 #AAB186 #BABF9C #C9CDB2 #D9DCC9

#7C8644 - #D9DCC9

Mezcla HSV

#7C8644 - #D9DCC9 | 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 #7C8644 como 0% y #D9DCC9 como 100%.

0.0%	0.0% #7C8644	RGB 124 134 68	#7C8644
16.7%	16.7% #8A9455	RGB 138 148 85	#8A9455
33.3%	33.3% #99A268	RGB 153 162 104	#99A268
50.0%	50.0% #A9B17D	RGB 169 177 125	#A9B17D
66.7%	66.7% #B8BF94	RGB 184 191 148	#B8BF94
83.3%	83.3% #C8CDAD	RGB 200 205 173	#C8CDAD
100.0%	100.0% #D9DCC9	RGB 217 220 201	#D9DCC9

#7C8644 #8A9455 #99A268 #A9B17D #B8BF94 #C8CDAD #D9DCC9

#7C8644 - #A9B17D - #D9DCC9

Códigos CSS

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

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