#B0B6AF - #5E7C59 | 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 #B0B6AF a #5E7C59

#B0B6AF #5E7C59

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

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

0.0%	0.0% #B0B6AF	RGB 176 182 175	#B0B6AF
16.7%	16.7% #A2ACA0	RGB 162 172 160	#A2ACA0
33.3%	33.3% #94A292	RGB 148 162 146	#94A292
50.0%	50.0% #879984	RGB 135 153 132	#879984
66.7%	66.7% #798F75	RGB 121 143 117	#798F75
83.3%	83.3% #6B8567	RGB 107 133 103	#6B8567
100.0%	100.0% #5E7C59	RGB 94 124 89	#5E7C59

#B0B6AF #A2ACA0 #94A292 #879984 #798F75 #6B8567 #5E7C59

#B0B6AF - #5E7C59

Mezcla HSV

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

0.0%	0.0% #B0B6AF	RGB 176 182 175	#B0B6AF
16.7%	16.7% #A0AC9E	RGB 160 172 158	#A0AC9E
33.3%	33.3% #91A28F	RGB 145 162 143	#91A28F
50.0%	50.0% #839980	RGB 131 153 128	#839980
66.7%	66.7% #768F72	RGB 118 143 114	#768F72
83.3%	83.3% #698565	RGB 105 133 101	#698565
100.0%	100.0% #5E7C59	RGB 94 124 89	#5E7C59

#B0B6AF #A0AC9E #91A28F #839980 #768F72 #698565 #5E7C59

#B0B6AF - #839980 - #5E7C59

Códigos CSS

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

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