#5E637E - #B5A49B | 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 #5E637E a #B5A49B

#5E637E #B5A49B

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

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

0.0%	0.0% #5E637E	RGB 94 99 126	#5E637E
16.7%	16.7% #6C6D82	RGB 108 109 130	#6C6D82
33.3%	33.3% #7B7887	RGB 123 120 135	#7B7887
50.0%	50.0% #89838C	RGB 137 131 140	#89838C
66.7%	66.7% #988E91	RGB 152 142 145	#988E91
83.3%	83.3% #A69996	RGB 166 153 150	#A69996
100.0%	100.0% #B5A49B	RGB 181 164 155	#B5A49B

#5E637E #6C6D82 #7B7887 #89838C #988E91 #A69996 #B5A49B

#5E637E - #B5A49B

Mezcla HSV

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

0.0%	0.0% #5E637E	RGB 94 99 126	#5E637E
16.7%	16.7% #6F6787	RGB 111 103 135	#6F6787
33.3%	33.3% #867090	RGB 134 112 144	#867090
50.0%	50.0% #997A96	RGB 153 122 150	#997A96
66.7%	66.7% #A28593	RGB 162 133 147	#A28593
83.3%	83.3% #AB8F91	RGB 171 143 145	#AB8F91
100.0%	100.0% #B5A49B	RGB 181 164 155	#B5A49B

#5E637E #6F6787 #867090 #997A96 #A28593 #AB8F91 #B5A49B

#5E637E - #997A96 - #B5A49B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E637E 0%, #997A96 50%, #B5A49B 100%);
    background: -webkit-linear-gradient(top, #5E637E 0%, #997A96 50%, #B5A49B 100%);
    background: linear-gradient(to bottom, #5E637E 0%, #997A96 50%, #B5A49B 100%);
}
</style>