#7C7E66 - #D9DAD3 | 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 #7C7E66 a #D9DAD3

#7C7E66 #D9DAD3

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

#7C7E66 - #D9DAD3 | 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 #7C7E66 como 0% y #D9DAD3 como 100%.

0.0%	0.0% #7C7E66	RGB 124 126 102	#7C7E66
16.7%	16.7% #8B8D78	RGB 139 141 120	#8B8D78
33.3%	33.3% #9B9C8A	RGB 155 156 138	#9B9C8A
50.0%	50.0% #AAAC9C	RGB 170 172 156	#AAAC9C
66.7%	66.7% #BABBAE	RGB 186 187 174	#BABBAE
83.3%	83.3% #C9CAC0	RGB 201 202 192	#C9CAC0
100.0%	100.0% #D9DAD3	RGB 217 218 211	#D9DAD3

#7C7E66 #8B8D78 #9B9C8A #AAAC9C #BABBAE #C9CAC0 #D9DAD3

#7C7E66 - #D9DAD3

Mezcla HSV

#7C7E66 - #D9DAD3 | 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 #7C7E66 como 0% y #D9DAD3 como 100%.

0.0%	0.0% #7C7E66	RGB 124 126 102	#7C7E66
16.7%	16.7% #8B8D76	RGB 139 141 118	#8B8D76
33.3%	33.3% #9A9C87	RGB 154 156 135	#9A9C87
50.0%	50.0% #A9AC98	RGB 169 172 152	#A9AC98
66.7%	66.7% #B9BBAB	RGB 185 187 171	#B9BBAB
83.3%	83.3% #C9CABE	RGB 201 202 190	#C9CABE
100.0%	100.0% #D9DAD3	RGB 217 218 211	#D9DAD3

#7C7E66 #8B8D76 #9A9C87 #A9AC98 #B9BBAB #C9CABE #D9DAD3

#7C7E66 - #A9AC98 - #D9DAD3

Códigos CSS

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

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