#9C9E8D - #2C2D28 | 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 #9C9E8D a #2C2D28

#9C9E8D #2C2D28

Calcule el color entre dos colores, #9C9E8D y #2C2D28. 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)

#9C9E8D - #2C2D28 | 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 #9C9E8D como 0% y #2C2D28 como 100%.

0.0%	0.0% #9C9E8D	RGB 156 158 141	#9C9E8D
16.7%	16.7% #898B7C	RGB 137 139 124	#898B7C
33.3%	33.3% #76786B	RGB 118 120 107	#76786B
50.0%	50.0% #64655A	RGB 100 101 90	#64655A
66.7%	66.7% #515249	RGB 81 82 73	#515249
83.3%	83.3% #3E3F38	RGB 62 63 56	#3E3F38
100.0%	100.0% #2C2D28	RGB 44 45 40	#2C2D28

#9C9E8D #898B7C #76786B #64655A #515249 #3E3F38 #2C2D28

#9C9E8D - #2C2D28

Mezcla HSV

#9C9E8D - #2C2D28 | 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 #9C9E8D como 0% y #2C2D28 como 100%.

0.0%	0.0% #9C9E8D	RGB 156 158 141	#9C9E8D
16.7%	16.7% #898B7C	RGB 137 139 124	#898B7C
33.3%	33.3% #76786B	RGB 118 120 107	#76786B
50.0%	50.0% #63655A	RGB 99 101 90	#63655A
66.7%	66.7% #515249	RGB 81 82 73	#515249
83.3%	83.3% #3E3F38	RGB 62 63 56	#3E3F38
100.0%	100.0% #2C2D28	RGB 44 45 40	#2C2D28

#9C9E8D #898B7C #76786B #63655A #515249 #3E3F38 #2C2D28

#9C9E8D - #63655A - #2C2D28

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C9E8D 0%, #63655A 50%, #2C2D28 100%);
    background: -webkit-linear-gradient(top, #9C9E8D 0%, #63655A 50%, #2C2D28 100%);
    background: linear-gradient(to bottom, #9C9E8D 0%, #63655A 50%, #2C2D28 100%);
}
</style>