#3C4849 - #C7CACB | 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 #3C4849 a #C7CACB

#3C4849 #C7CACB

Calcule el color entre dos colores, #3C4849 y #C7CACB. 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)

#3C4849 - #C7CACB | 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 #3C4849 como 0% y #C7CACB como 100%.

0.0%	0.0% #3C4849	RGB 60 72 73	#3C4849
16.7%	16.7% #535D5E	RGB 83 93 94	#535D5E
33.3%	33.3% #6A7374	RGB 106 115 116	#6A7374
50.0%	50.0% #81898A	RGB 129 137 138	#81898A
66.7%	66.7% #989E9F	RGB 152 158 159	#989E9F
83.3%	83.3% #AFB4B5	RGB 175 180 181	#AFB4B5
100.0%	100.0% #C7CACB	RGB 199 202 203	#C7CACB

#3C4849 #535D5E #6A7374 #81898A #989E9F #AFB4B5 #C7CACB

#3C4849 - #C7CACB

Mezcla HSV

#3C4849 - #C7CACB | 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 #3C4849 como 0% y #C7CACB como 100%.

0.0%	0.0% #3C4849	RGB 60 72 73	#3C4849
16.7%	16.7% #505D5E	RGB 80 93 94	#505D5E
33.3%	33.3% #657274	RGB 101 114 116	#657274
50.0%	50.0% #7C878A	RGB 124 135 138	#7C878A
66.7%	66.7% #949D9F	RGB 148 157 159	#949D9F
83.3%	83.3% #ACB3B5	RGB 172 179 181	#ACB3B5
100.0%	100.0% #C7CACB	RGB 199 202 203	#C7CACB

#3C4849 #505D5E #657274 #7C878A #949D9F #ACB3B5 #C7CACB

#3C4849 - #7C878A - #C7CACB

Códigos CSS

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

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