#5E5E66 - #B69C82 | 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 #5E5E66 a #B69C82

#5E5E66 #B69C82

Calcule el color entre dos colores, #5E5E66 y #B69C82. 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)

#5E5E66 - #B69C82 | 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 #5E5E66 como 0% y #B69C82 como 100%.

0.0%	0.0% #5E5E66	RGB 94 94 102	#5E5E66
16.7%	16.7% #6C686A	RGB 108 104 106	#6C686A
33.3%	33.3% #7B726F	RGB 123 114 111	#7B726F
50.0%	50.0% #8A7D74	RGB 138 125 116	#8A7D74
66.7%	66.7% #988778	RGB 152 135 120	#988778
83.3%	83.3% #A7917D	RGB 167 145 125	#A7917D
100.0%	100.0% #B69C82	RGB 182 156 130	#B69C82

#5E5E66 #6C686A #7B726F #8A7D74 #988778 #A7917D #B69C82

#5E5E66 - #B69C82

Mezcla HSV

#5E5E66 - #B69C82 | 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 #5E5E66 como 0% y #B69C82 como 100%.

0.0%	0.0% #5E5E66	RGB 94 94 102	#5E5E66
16.7%	16.7% #6B6673	RGB 107 102 115	#6B6673
33.3%	33.3% #7D6D80	RGB 125 109 128	#7D6D80
50.0%	50.0% #8E7487	RGB 142 116 135	#8E7487
66.7%	66.7% #9B7984	RGB 155 121 132	#9B7984
83.3%	83.3% #A8817E	RGB 168 129 126	#A8817E
100.0%	100.0% #B69C82	RGB 182 156 130	#B69C82

#5E5E66 #6B6673 #7D6D80 #8E7487 #9B7984 #A8817E #B69C82

#5E5E66 - #8E7487 - #B69C82

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E66 0%, #8E7487 50%, #B69C82 100%);
    background: -webkit-linear-gradient(top, #5E5E66 0%, #8E7487 50%, #B69C82 100%);
    background: linear-gradient(to bottom, #5E5E66 0%, #8E7487 50%, #B69C82 100%);
}
</style>