#5E615B - #BEAB7E | 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 #5E615B a #BEAB7E

#5E615B #BEAB7E

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

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

0.0%	0.0% #5E615B	RGB 94 97 91	#5E615B
16.7%	16.7% #6E6D60	RGB 110 109 96	#6E6D60
33.3%	33.3% #7E7966	RGB 126 121 102	#7E7966
50.0%	50.0% #8E866C	RGB 142 134 108	#8E866C
66.7%	66.7% #9E9272	RGB 158 146 114	#9E9272
83.3%	83.3% #AE9E78	RGB 174 158 120	#AE9E78
100.0%	100.0% #BEAB7E	RGB 190 171 126	#BEAB7E

#5E615B #6E6D60 #7E7966 #8E866C #9E9272 #AE9E78 #BEAB7E

#5E615B - #BEAB7E

Mezcla HSV

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

0.0%	0.0% #5E615B	RGB 94 97 91	#5E615B
16.7%	16.7% #6C7064	RGB 108 112 100	#6C7064
33.3%	33.3% #7B806C	RGB 123 128 108	#7B806C
50.0%	50.0% #8C8F72	RGB 140 143 114	#8C8F72
66.7%	66.7% #9F9D78	RGB 159 157 120	#9F9D78
83.3%	83.3% #AEA67B	RGB 174 166 123	#AEA67B
100.0%	100.0% #BEAB7E	RGB 190 171 126	#BEAB7E

#5E615B #6C7064 #7B806C #8C8F72 #9F9D78 #AEA67B #BEAB7E

#5E615B - #8C8F72 - #BEAB7E

Códigos CSS

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

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