#B5AFB6 - #615E6C | 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 #B5AFB6 a #615E6C

#B5AFB6 #615E6C

Calcule el color entre dos colores, #B5AFB6 y #615E6C. 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)

#B5AFB6 - #615E6C | 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 #B5AFB6 como 0% y #615E6C como 100%.

0.0%	0.0% #B5AFB6	RGB 181 175 182	#B5AFB6
16.7%	16.7% #A7A1A9	RGB 167 161 169	#A7A1A9
33.3%	33.3% #99949D	RGB 153 148 157	#99949D
50.0%	50.0% #8B8691	RGB 139 134 145	#8B8691
66.7%	66.7% #7D7984	RGB 125 121 132	#7D7984
83.3%	83.3% #6F6B78	RGB 111 107 120	#6F6B78
100.0%	100.0% #615E6C	RGB 97 94 108	#615E6C

#B5AFB6 #A7A1A9 #99949D #8B8691 #7D7984 #6F6B78 #615E6C

#B5AFB6 - #615E6C

Mezcla HSV

#B5AFB6 - #615E6C | 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 #B5AFB6 como 0% y #615E6C como 100%.

0.0%	0.0% #B5AFB6	RGB 181 175 182	#B5AFB6
16.7%	16.7% #A7A0A9	RGB 167 160 169	#A7A0A9
33.3%	33.3% #99929D	RGB 153 146 157	#99929D
50.0%	50.0% #8B8491	RGB 139 132 145	#8B8491
66.7%	66.7% #7D7784	RGB 125 119 132	#7D7784
83.3%	83.3% #6E6A78	RGB 110 106 120	#6E6A78
100.0%	100.0% #615E6C	RGB 97 94 108	#615E6C

#B5AFB6 #A7A0A9 #99929D #8B8491 #7D7784 #6E6A78 #615E6C

#B5AFB6 - #8B8491 - #615E6C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5AFB6 0%, #8B8491 50%, #615E6C 100%);
    background: -webkit-linear-gradient(top, #B5AFB6 0%, #8B8491 50%, #615E6C 100%);
    background: linear-gradient(to bottom, #B5AFB6 0%, #8B8491 50%, #615E6C 100%);
}
</style>