#8C8F8C - #D9DDA2 | 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 #8C8F8C a #D9DDA2

#8C8F8C #D9DDA2

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

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

0.0%	0.0% #8C8F8C	RGB 140 143 140	#8C8F8C
16.7%	16.7% #989C8F	RGB 152 156 143	#989C8F
33.3%	33.3% #A5A993	RGB 165 169 147	#A5A993
50.0%	50.0% #B2B697	RGB 178 182 151	#B2B697
66.7%	66.7% #BFC39A	RGB 191 195 154	#BFC39A
83.3%	83.3% #CCD09E	RGB 204 208 158	#CCD09E
100.0%	100.0% #D9DDA2	RGB 217 221 162	#D9DDA2

#8C8F8C #989C8F #A5A993 #B2B697 #BFC39A #CCD09E #D9DDA2

#8C8F8C - #D9DDA2

Mezcla HSV

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

0.0%	0.0% #8C8F8C	RGB 140 143 140	#8C8F8C
16.7%	16.7% #939C92	RGB 147 156 146	#939C92
33.3%	33.3% #9DA997	RGB 157 169 151	#9DA997
50.0%	50.0% #A8B69B	RGB 168 182 155	#A8B69B
66.7%	66.7% #B5C39E	RGB 181 195 158	#B5C39E
83.3%	83.3% #C5D0A0	RGB 197 208 160	#C5D0A0
100.0%	100.0% #D9DDA2	RGB 217 221 162	#D9DDA2

#8C8F8C #939C92 #9DA997 #A8B69B #B5C39E #C5D0A0 #D9DDA2

#8C8F8C - #A8B69B - #D9DDA2

Códigos CSS

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

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