#B0BCB7 - #5A8275 | 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 #B0BCB7 a #5A8275

#B0BCB7 #5A8275

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

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

0.0%	0.0% #B0BCB7	RGB 176 188 183	#B0BCB7
16.7%	16.7% #A1B2AC	RGB 161 178 172	#A1B2AC
33.3%	33.3% #93A8A1	RGB 147 168 161	#93A8A1
50.0%	50.0% #859F96	RGB 133 159 150	#859F96
66.7%	66.7% #76958B	RGB 118 149 139	#76958B
83.3%	83.3% #688B80	RGB 104 139 128	#688B80
100.0%	100.0% #5A8275	RGB 90 130 117	#5A8275

#B0BCB7 #A1B2AC #93A8A1 #859F96 #76958B #688B80 #5A8275

#B0BCB7 - #5A8275

Mezcla HSV

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

0.0%	0.0% #B0BCB7	RGB 176 188 183	#B0BCB7
16.7%	16.7% #9FB2AA	RGB 159 178 170	#9FB2AA
33.3%	33.3% #90A89F	RGB 144 168 159	#90A89F
50.0%	50.0% #819F94	RGB 129 159 148	#819F94
66.7%	66.7% #739589	RGB 115 149 137	#739589
83.3%	83.3% #668B7E	RGB 102 139 126	#668B7E
100.0%	100.0% #5A8275	RGB 90 130 117	#5A8275

#B0BCB7 #9FB2AA #90A89F #819F94 #739589 #668B7E #5A8275

#B0BCB7 - #819F94 - #5A8275

Códigos CSS

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

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