#5E6D8F - #B8AFAC | 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 #5E6D8F a #B8AFAC

#5E6D8F #B8AFAC

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

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

0.0%	0.0% #5E6D8F	RGB 94 109 143	#5E6D8F
16.7%	16.7% #6D7893	RGB 109 120 147	#6D7893
33.3%	33.3% #7C8398	RGB 124 131 152	#7C8398
50.0%	50.0% #8B8E9D	RGB 139 142 157	#8B8E9D
66.7%	66.7% #9A99A2	RGB 154 153 162	#9A99A2
83.3%	83.3% #A9A4A7	RGB 169 164 167	#A9A4A7
100.0%	100.0% #B8AFAC	RGB 184 175 172	#B8AFAC

#5E6D8F #6D7893 #7C8398 #8B8E9D #9A99A2 #A9A4A7 #B8AFAC

#5E6D8F - #B8AFAC

Mezcla HSV

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

0.0%	0.0% #5E6D8F	RGB 94 109 143	#5E6D8F
16.7%	16.7% #6E6995	RGB 110 105 149	#6E6995
33.3%	33.3% #8A759C	RGB 138 117 156	#8A759C
50.0%	50.0% #A282A3	RGB 162 130 163	#A282A3
66.7%	66.7% #AA8F9F	RGB 170 143 159	#AA8F9F
83.3%	83.3% #B19DA0	RGB 177 157 160	#B19DA0
100.0%	100.0% #B8AFAC	RGB 184 175 172	#B8AFAC

#5E6D8F #6E6995 #8A759C #A282A3 #AA8F9F #B19DA0 #B8AFAC

#5E6D8F - #A282A3 - #B8AFAC

Códigos CSS

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

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