#B0AFB6 - #62597C | 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 #B0AFB6 a #62597C

#B0AFB6 #62597C

Calcule el color entre dos colores, #B0AFB6 y #62597C. 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)

#B0AFB6 - #62597C | 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 #B0AFB6 como 0% y #62597C como 100%.

0.0%	0.0% #B0AFB6	RGB 176 175 182	#B0AFB6
16.7%	16.7% #A3A0AC	RGB 163 160 172	#A3A0AC
33.3%	33.3% #9692A2	RGB 150 146 162	#9692A2
50.0%	50.0% #898499	RGB 137 132 153	#898499
66.7%	66.7% #7C758F	RGB 124 117 143	#7C758F
83.3%	83.3% #6F6785	RGB 111 103 133	#6F6785
100.0%	100.0% #62597C	RGB 98 89 124	#62597C

#B0AFB6 #A3A0AC #9692A2 #898499 #7C758F #6F6785 #62597C

#B0AFB6 - #62597C

Mezcla HSV

#B0AFB6 - #62597C | 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 #B0AFB6 como 0% y #62597C como 100%.

0.0%	0.0% #B0AFB6	RGB 176 175 182	#B0AFB6
16.7%	16.7% #A09EAC	RGB 160 158 172	#A09EAC
33.3%	33.3% #928FA2	RGB 146 143 162	#928FA2
50.0%	50.0% #858099	RGB 133 128 153	#858099
66.7%	66.7% #78728F	RGB 120 114 143	#78728F
83.3%	83.3% #6D6585	RGB 109 101 133	#6D6585
100.0%	100.0% #62597C	RGB 98 89 124	#62597C

#B0AFB6 #A09EAC #928FA2 #858099 #78728F #6D6585 #62597C

#B0AFB6 - #858099 - #62597C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0AFB6 0%, #858099 50%, #62597C 100%);
    background: -webkit-linear-gradient(top, #B0AFB6 0%, #858099 50%, #62597C 100%);
    background: linear-gradient(to bottom, #B0AFB6 0%, #858099 50%, #62597C 100%);
}
</style>