#B5ABC6 - #333038 | 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 #B5ABC6 a #333038

#B5ABC6 #333038

Calcule el color entre dos colores, #B5ABC6 y #333038. 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)

#B5ABC6 - #333038 | 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 #B5ABC6 como 0% y #333038 como 100%.

0.0%	0.0% #B5ABC6	RGB 181 171 198	#B5ABC6
16.7%	16.7% #9F96AE	RGB 159 150 174	#9F96AE
33.3%	33.3% #898296	RGB 137 130 150	#898296
50.0%	50.0% #746D7F	RGB 116 109 127	#746D7F
66.7%	66.7% #5E5967	RGB 94 89 103	#5E5967
83.3%	83.3% #48444F	RGB 72 68 79	#48444F
100.0%	100.0% #333038	RGB 51 48 56	#333038

#B5ABC6 #9F96AE #898296 #746D7F #5E5967 #48444F #333038

#B5ABC6 - #333038

Mezcla HSV

#B5ABC6 - #333038 | 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 #B5ABC6 como 0% y #333038 como 100%.

0.0%	0.0% #B5ABC6	RGB 181 171 198	#B5ABC6
16.7%	16.7% #9F96AE	RGB 159 150 174	#9F96AE
33.3%	33.3% #898196	RGB 137 129 150	#898196
50.0%	50.0% #736D7F	RGB 115 109 127	#736D7F
66.7%	66.7% #5E5867	RGB 94 88 103	#5E5867
83.3%	83.3% #48444F	RGB 72 68 79	#48444F
100.0%	100.0% #333038	RGB 51 48 56	#333038

#B5ABC6 #9F96AE #898196 #736D7F #5E5867 #48444F #333038

#B5ABC6 - #736D7F - #333038

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5ABC6 0%, #736D7F 50%, #333038 100%);
    background: -webkit-linear-gradient(top, #B5ABC6 0%, #736D7F 50%, #333038 100%);
    background: linear-gradient(to bottom, #B5ABC6 0%, #736D7F 50%, #333038 100%);
}
</style>