#C0BFBA - #363535 | 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 #C0BFBA a #363535

#C0BFBA #363535

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

#C0BFBA - #363535 | 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 #C0BFBA como 0% y #363535 como 100%.

0.0%	0.0% #C0BFBA	RGB 192 191 186	#C0BFBA
16.7%	16.7% #A9A8A3	RGB 169 168 163	#A9A8A3
33.3%	33.3% #92918D	RGB 146 145 141	#92918D
50.0%	50.0% #7B7A77	RGB 123 122 119	#7B7A77
66.7%	66.7% #646361	RGB 100 99 97	#646361
83.3%	83.3% #4D4C4B	RGB 77 76 75	#4D4C4B
100.0%	100.0% #363535	RGB 54 53 53	#363535

#C0BFBA #A9A8A3 #92918D #7B7A77 #646361 #4D4C4B #363535

#C0BFBA - #363535

Mezcla HSV

#C0BFBA - #363535 | 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 #C0BFBA como 0% y #363535 como 100%.

0.0%	0.0% #C0BFBA	RGB 192 191 186	#C0BFBA
16.7%	16.7% #A9A7A4	RGB 169 167 164	#A9A7A4
33.3%	33.3% #92908E	RGB 146 144 142	#92908E
50.0%	50.0% #7B7977	RGB 123 121 119	#7B7977
66.7%	66.7% #646261	RGB 100 98 97	#646261
83.3%	83.3% #4D4B4B	RGB 77 75 75	#4D4B4B
100.0%	100.0% #363535	RGB 54 53 53	#363535

#C0BFBA #A9A7A4 #92908E #7B7977 #646261 #4D4B4B #363535

#C0BFBA - #7B7977 - #363535

Códigos CSS

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

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