#5E636C - #BBA48D | 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 #5E636C a #BBA48D

#5E636C #BBA48D

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

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

0.0%	0.0% #5E636C	RGB 94 99 108	#5E636C
16.7%	16.7% #6D6D71	RGB 109 109 113	#6D6D71
33.3%	33.3% #7D7877	RGB 125 120 119	#7D7877
50.0%	50.0% #8C837C	RGB 140 131 124	#8C837C
66.7%	66.7% #9C8E82	RGB 156 142 130	#9C8E82
83.3%	83.3% #AB9987	RGB 171 153 135	#AB9987
100.0%	100.0% #BBA48D	RGB 187 164 141	#BBA48D

#5E636C #6D6D71 #7D7877 #8C837C #9C8E82 #AB9987 #BBA48D

#5E636C - #BBA48D

Mezcla HSV

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

0.0%	0.0% #5E636C	RGB 94 99 108	#5E636C
16.7%	16.7% #696779	RGB 105 103 121	#696779
33.3%	33.3% #7D6F86	RGB 125 111 134	#7D6F86
50.0%	50.0% #937791	RGB 147 119 145	#937791
66.7%	66.7% #A07F8E	RGB 160 127 142	#A07F8E
83.3%	83.3% #AD8786	RGB 173 135 134	#AD8786
100.0%	100.0% #BBA48D	RGB 187 164 141	#BBA48D

#5E636C #696779 #7D6F86 #937791 #A07F8E #AD8786 #BBA48D

#5E636C - #937791 - #BBA48D

Códigos CSS

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

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