#B5AFB7 - #785A8F | 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 #B5AFB7 a #785A8F

#B5AFB7 #785A8F

Calcule el color entre dos colores, #B5AFB7 y #785A8F. 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)

#B5AFB7 - #785A8F | 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 #B5AFB7 como 0% y #785A8F como 100%.

0.0%	0.0% #B5AFB7	RGB 181 175 183	#B5AFB7
16.7%	16.7% #AAA0B0	RGB 170 160 176	#AAA0B0
33.3%	33.3% #A092A9	RGB 160 146 169	#A092A9
50.0%	50.0% #9684A3	RGB 150 132 163	#9684A3
66.7%	66.7% #8C769C	RGB 140 118 156	#8C769C
83.3%	83.3% #826895	RGB 130 104 149	#826895
100.0%	100.0% #785A8F	RGB 120 90 143	#785A8F

#B5AFB7 #AAA0B0 #A092A9 #9684A3 #8C769C #826895 #785A8F

#B5AFB7 - #785A8F

Mezcla HSV

#B5AFB7 - #785A8F | 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 #B5AFB7 como 0% y #785A8F como 100%.

0.0%	0.0% #B5AFB7	RGB 181 175 183	#B5AFB7
16.7%	16.7% #AB9FB0	RGB 171 159 176	#AB9FB0
33.3%	33.3% #A18FA9	RGB 161 143 169	#A18FA9
50.0%	50.0% #9781A3	RGB 151 129 163	#9781A3
66.7%	66.7% #8D739C	RGB 141 115 156	#8D739C
83.3%	83.3% #826695	RGB 130 102 149	#826695
100.0%	100.0% #785A8F	RGB 120 90 143	#785A8F

#B5AFB7 #AB9FB0 #A18FA9 #9781A3 #8D739C #826695 #785A8F

#B5AFB7 - #9781A3 - #785A8F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5AFB7 0%, #9781A3 50%, #785A8F 100%);
    background: -webkit-linear-gradient(top, #B5AFB7 0%, #9781A3 50%, #785A8F 100%);
    background: linear-gradient(to bottom, #B5AFB7 0%, #9781A3 50%, #785A8F 100%);
}
</style>