#C8C9C0 - #393936 | 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 #C8C9C0 a #393936

#C8C9C0 #393936

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

#C8C9C0 - #393936 | 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 #C8C9C0 como 0% y #393936 como 100%.

0.0%	0.0% #C8C9C0	RGB 200 201 192	#C8C9C0
16.7%	16.7% #B0B1A9	RGB 176 177 169	#B0B1A9
33.3%	33.3% #989992	RGB 152 153 146	#989992
50.0%	50.0% #80817B	RGB 128 129 123	#80817B
66.7%	66.7% #686964	RGB 104 105 100	#686964
83.3%	83.3% #50514D	RGB 80 81 77	#50514D
100.0%	100.0% #393936	RGB 57 57 54	#393936

#C8C9C0 #B0B1A9 #989992 #80817B #686964 #50514D #393936

#C8C9C0 - #393936

Mezcla HSV

#C8C9C0 - #393936 | 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 #C8C9C0 como 0% y #393936 como 100%.

0.0%	0.0% #C8C9C0	RGB 200 201 192	#C8C9C0
16.7%	16.7% #B0B1A8	RGB 176 177 168	#B0B1A8
33.3%	33.3% #989991	RGB 152 153 145	#989991
50.0%	50.0% #80817A	RGB 128 129 122	#80817A
66.7%	66.7% #686963	RGB 104 105 99	#686963
83.3%	83.3% #50514C	RGB 80 81 76	#50514C
100.0%	100.0% #393936	RGB 57 57 54	#393936

#C8C9C0 #B0B1A8 #989991 #80817A #686963 #50514C #393936

#C8C9C0 - #80817A - #393936

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C9C0 0%, #80817A 50%, #393936 100%);
    background: -webkit-linear-gradient(top, #C8C9C0 0%, #80817A 50%, #393936 100%);
    background: linear-gradient(to bottom, #C8C9C0 0%, #80817A 50%, #393936 100%);
}
</style>