#999C8C - #E9D9A8 | 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 #999C8C a #E9D9A8

#999C8C #E9D9A8

Calcule el color entre dos colores, #999C8C y #E9D9A8. 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)

#999C8C - #E9D9A8 | 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 #999C8C como 0% y #E9D9A8 como 100%.

0.0%	0.0% #999C8C	RGB 153 156 140	#999C8C
16.7%	16.7% #A6A690	RGB 166 166 144	#A6A690
33.3%	33.3% #B3B095	RGB 179 176 149	#B3B095
50.0%	50.0% #C1BA9A	RGB 193 186 154	#C1BA9A
66.7%	66.7% #CEC49E	RGB 206 196 158	#CEC49E
83.3%	83.3% #DBCEA3	RGB 219 206 163	#DBCEA3
100.0%	100.0% #E9D9A8	RGB 233 217 168	#E9D9A8

#999C8C #A6A690 #B3B095 #C1BA9A #CEC49E #DBCEA3 #E9D9A8

#999C8C - #E9D9A8

Mezcla HSV

#999C8C - #E9D9A8 | 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 #999C8C como 0% y #E9D9A8 como 100%.

0.0%	0.0% #999C8C	RGB 153 156 140	#999C8C
16.7%	16.7% #A6A892	RGB 166 168 146	#A6A892
33.3%	33.3% #B4B598	RGB 180 181 152	#B4B598
50.0%	50.0% #C2C19D	RGB 194 193 157	#C2C19D
66.7%	66.7% #CFCAA1	RGB 207 202 161	#CFCAA1
83.3%	83.3% #DCD2A5	RGB 220 210 165	#DCD2A5
100.0%	100.0% #E9D9A8	RGB 233 217 168	#E9D9A8

#999C8C #A6A892 #B4B598 #C2C19D #CFCAA1 #DCD2A5 #E9D9A8

#999C8C - #C2C19D - #E9D9A8

Códigos CSS

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

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