#5E5E68 - #B69C84 | 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 #5E5E68 a #B69C84

#5E5E68 #B69C84

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

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

0.0%	0.0% #5E5E68	RGB 94 94 104	#5E5E68
16.7%	16.7% #6C686C	RGB 108 104 108	#6C686C
33.3%	33.3% #7B7271	RGB 123 114 113	#7B7271
50.0%	50.0% #8A7D76	RGB 138 125 118	#8A7D76
66.7%	66.7% #98877A	RGB 152 135 122	#98877A
83.3%	83.3% #A7917F	RGB 167 145 127	#A7917F
100.0%	100.0% #B69C84	RGB 182 156 132	#B69C84

#5E5E68 #6C686C #7B7271 #8A7D76 #98877A #A7917F #B69C84

#5E5E68 - #B69C84

Mezcla HSV

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

0.0%	0.0% #5E5E68	RGB 94 94 104	#5E5E68
16.7%	16.7% #6C6675	RGB 108 102 117	#6C6675
33.3%	33.3% #7E6D82	RGB 126 109 130	#7E6D82
50.0%	50.0% #8F7488	RGB 143 116 136	#8F7488
66.7%	66.7% #9C7A86	RGB 156 122 134	#9C7A86
83.3%	83.3% #A9827F	RGB 169 130 127	#A9827F
100.0%	100.0% #B69C84	RGB 182 156 132	#B69C84

#5E5E68 #6C6675 #7E6D82 #8F7488 #9C7A86 #A9827F #B69C84

#5E5E68 - #8F7488 - #B69C84

Códigos CSS

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

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