#C6BAC1 - #383536 | 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 #C6BAC1 a #383536

#C6BAC1 #383536

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

#C6BAC1 - #383536 | 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 #C6BAC1 como 0% y #383536 como 100%.

0.0%	0.0% #C6BAC1	RGB 198 186 193	#C6BAC1
16.7%	16.7% #AEA3A9	RGB 174 163 169	#AEA3A9
33.3%	33.3% #968D92	RGB 150 141 146	#968D92
50.0%	50.0% #7F777B	RGB 127 119 123	#7F777B
66.7%	66.7% #676164	RGB 103 97 100	#676164
83.3%	83.3% #4F4B4D	RGB 79 75 77	#4F4B4D
100.0%	100.0% #383536	RGB 56 53 54	#383536

#C6BAC1 #AEA3A9 #968D92 #7F777B #676164 #4F4B4D #383536

#C6BAC1 - #383536

Mezcla HSV

#C6BAC1 - #383536 | 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 #C6BAC1 como 0% y #383536 como 100%.

0.0%	0.0% #C6BAC1	RGB 198 186 193	#C6BAC1
16.7%	16.7% #AEA3A9	RGB 174 163 169	#AEA3A9
33.3%	33.3% #968D92	RGB 150 141 146	#968D92
50.0%	50.0% #7F777B	RGB 127 119 123	#7F777B
66.7%	66.7% #676163	RGB 103 97 99	#676163
83.3%	83.3% #4F4B4C	RGB 79 75 76	#4F4B4C
100.0%	100.0% #383536	RGB 56 53 54	#383536

#C6BAC1 #AEA3A9 #968D92 #7F777B #676163 #4F4B4C #383536

#C6BAC1 - #7F777B - #383536

Códigos CSS

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

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