#CAC9C8 - #393939 | 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 #CAC9C8 a #393939

#CAC9C8 #393939

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

#CAC9C8 - #393939 | 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 #CAC9C8 como 0% y #393939 como 100%.

0.0%	0.0% #CAC9C8	RGB 202 201 200	#CAC9C8
16.7%	16.7% #B1B1B0	RGB 177 177 176	#B1B1B0
33.3%	33.3% #999998	RGB 153 153 152	#999998
50.0%	50.0% #818180	RGB 129 129 128	#818180
66.7%	66.7% #696968	RGB 105 105 104	#696968
83.3%	83.3% #515150	RGB 81 81 80	#515150
100.0%	100.0% #393939	RGB 57 57 57	#393939

#CAC9C8 #B1B1B0 #999998 #818180 #696968 #515150 #393939

#CAC9C8 - #393939

Mezcla HSV

#CAC9C8 - #393939 | 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 #CAC9C8 como 0% y #393939 como 100%.

0.0%	0.0% #CAC9C8	RGB 202 201 200	#CAC9C8
16.7%	16.7% #B1B0B0	RGB 177 176 176	#B1B0B0
33.3%	33.3% #999898	RGB 153 152 152	#999898
50.0%	50.0% #818180	RGB 129 129 128	#818180
66.7%	66.7% #696968	RGB 105 105 104	#696968
83.3%	83.3% #515151	RGB 81 81 81	#515151
100.0%	100.0% #393939	RGB 57 57 57	#393939

#CAC9C8 #B1B0B0 #999898 #818180 #696968 #515151 #393939

#CAC9C8 - #818180 - #393939

Códigos CSS

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

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