#334040 - #C4C8C8 | 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 #334040 a #C4C8C8

#334040 #C4C8C8

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

#334040 - #C4C8C8 | 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 #334040 como 0% y #C4C8C8 como 100%.

0.0%	0.0% #334040	RGB 51 64 64	#334040
16.7%	16.7% #4B5656	RGB 75 86 86	#4B5656
33.3%	33.3% #636D6D	RGB 99 109 109	#636D6D
50.0%	50.0% #7B8484	RGB 123 132 132	#7B8484
66.7%	66.7% #939A9A	RGB 147 154 154	#939A9A
83.3%	83.3% #ABB1B1	RGB 171 177 177	#ABB1B1
100.0%	100.0% #C4C8C8	RGB 196 200 200	#C4C8C8

#334040 #4B5656 #636D6D #7B8484 #939A9A #ABB1B1 #C4C8C8

#334040 - #C4C8C8

Mezcla HSV

#334040 - #C4C8C8 | 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 #334040 como 0% y #C4C8C8 como 100%.

0.0%	0.0% #334040	RGB 51 64 64	#334040
16.7%	16.7% #475656	RGB 71 86 86	#475656
33.3%	33.3% #5D6D6D	RGB 93 109 109	#5D6D6D
50.0%	50.0% #758484	RGB 117 132 132	#758484
66.7%	66.7% #8E9A9A	RGB 142 154 154	#8E9A9A
83.3%	83.3% #A8B1B1	RGB 168 177 177	#A8B1B1
100.0%	100.0% #C4C8C8	RGB 196 200 200	#C4C8C8

#334040 #475656 #5D6D6D #758484 #8E9A9A #A8B1B1 #C4C8C8

#334040 - #758484 - #C4C8C8

Códigos CSS

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

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