#232313 - #C0C0BB | 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 #232313 a #C0C0BB

#232313 #C0C0BB

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

#232313 - #C0C0BB | 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 #232313 como 0% y #C0C0BB como 100%.

0.0%	0.0% #232313	RGB 35 35 19	#232313
16.7%	16.7% #3D3D2F	RGB 61 61 47	#3D3D2F
33.3%	33.3% #57574B	RGB 87 87 75	#57574B
50.0%	50.0% #717167	RGB 113 113 103	#717167
66.7%	66.7% #8B8B83	RGB 139 139 131	#8B8B83
83.3%	83.3% #A5A59F	RGB 165 165 159	#A5A59F
100.0%	100.0% #C0C0BB	RGB 192 192 187	#C0C0BB

#232313 #3D3D2F #57574B #717167 #8B8B83 #A5A59F #C0C0BB

#232313 - #C0C0BB

Mezcla HSV

#232313 - #C0C0BB | 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 #232313 como 0% y #C0C0BB como 100%.

0.0%	0.0% #232313	RGB 35 35 19	#232313
16.7%	16.7% #3D3D25	RGB 61 61 37	#3D3D25
33.3%	33.3% #57573B	RGB 87 87 59	#57573B
50.0%	50.0% #717156	RGB 113 113 86	#717156
66.7%	66.7% #8B8B73	RGB 139 139 115	#8B8B73
83.3%	83.3% #A5A595	RGB 165 165 149	#A5A595
100.0%	100.0% #C0C0BB	RGB 192 192 187	#C0C0BB

#232313 #3D3D25 #57573B #717156 #8B8B73 #A5A595 #C0C0BB

#232313 - #717156 - #C0C0BB

Códigos CSS

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

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