#3E4542 - #C7C9C8 | 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 #3E4542 a #C7C9C8

#3E4542 #C7C9C8

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

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

0.0%	0.0% #3E4542	RGB 62 69 66	#3E4542
16.7%	16.7% #545B58	RGB 84 91 88	#545B58
33.3%	33.3% #6B716E	RGB 107 113 110	#6B716E
50.0%	50.0% #828785	RGB 130 135 133	#828785
66.7%	66.7% #999D9B	RGB 153 157 155	#999D9B
83.3%	83.3% #B0B3B1	RGB 176 179 177	#B0B3B1
100.0%	100.0% #C7C9C8	RGB 199 201 200	#C7C9C8

#3E4542 #545B58 #6B716E #828785 #999D9B #B0B3B1 #C7C9C8

#3E4542 - #C7C9C8

Mezcla HSV

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

0.0%	0.0% #3E4542	RGB 62 69 66	#3E4542
16.7%	16.7% #535B57	RGB 83 91 87	#535B57
33.3%	33.3% #68716D	RGB 104 113 109	#68716D
50.0%	50.0% #7F8783	RGB 127 135 131	#7F8783
66.7%	66.7% #969D99	RGB 150 157 153	#969D99
83.3%	83.3% #AEB3B0	RGB 174 179 176	#AEB3B0
100.0%	100.0% #C7C9C8	RGB 199 201 200	#C7C9C8

#3E4542 #535B57 #68716D #7F8783 #969D99 #AEB3B0 #C7C9C8

#3E4542 - #7F8783 - #C7C9C8

Códigos CSS

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

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