#242415 - #C0C0BC | 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 #242415 a #C0C0BC

#242415 #C0C0BC

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

#242415 - #C0C0BC | 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 #242415 como 0% y #C0C0BC como 100%.

0.0%	0.0% #242415	RGB 36 36 21	#242415
16.7%	16.7% #3E3E30	RGB 62 62 48	#3E3E30
33.3%	33.3% #58584C	RGB 88 88 76	#58584C
50.0%	50.0% #727268	RGB 114 114 104	#727268
66.7%	66.7% #8C8C84	RGB 140 140 132	#8C8C84
83.3%	83.3% #A6A6A0	RGB 166 166 160	#A6A6A0
100.0%	100.0% #C0C0BC	RGB 192 192 188	#C0C0BC

#242415 #3E3E30 #58584C #727268 #8C8C84 #A6A6A0 #C0C0BC

#242415 - #C0C0BC

Mezcla HSV

#242415 - #C0C0BC | 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 #242415 como 0% y #C0C0BC como 100%.

0.0%	0.0% #242415	RGB 36 36 21	#242415
16.7%	16.7% #3E3E28	RGB 62 62 40	#3E3E28
33.3%	33.3% #58583E	RGB 88 88 62	#58583E
50.0%	50.0% #727259	RGB 114 114 89	#727259
66.7%	66.7% #8C8C76	RGB 140 140 118	#8C8C76
83.3%	83.3% #A6A697	RGB 166 166 151	#A6A697
100.0%	100.0% #C0C0BC	RGB 192 192 188	#C0C0BC

#242415 #3E3E28 #58583E #727259 #8C8C76 #A6A697 #C0C0BC

#242415 - #727259 - #C0C0BC

Códigos CSS

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

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