#B2B2B2 - #5D9A8D | 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 #B2B2B2 a #5D9A8D

#B2B2B2 #5D9A8D

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

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

0.0%	0.0% #B2B2B2	RGB 178 178 178	#B2B2B2
16.7%	16.7% #A3AEAB	RGB 163 174 171	#A3AEAB
33.3%	33.3% #95AAA5	RGB 149 170 165	#95AAA5
50.0%	50.0% #87A69F	RGB 135 166 159	#87A69F
66.7%	66.7% #79A299	RGB 121 162 153	#79A299
83.3%	83.3% #6B9E93	RGB 107 158 147	#6B9E93
100.0%	100.0% #5D9A8D	RGB 93 154 141	#5D9A8D

#B2B2B2 #A3AEAB #95AAA5 #87A69F #79A299 #6B9E93 #5D9A8D

#B2B2B2 - #5D9A8D

Mezcla HSV

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

0.0%	0.0% #B2B2B2	RGB 178 178 178	#B2B2B2
16.7%	16.7% #AEA7A2	RGB 174 167 162	#AEA7A2
33.3%	33.3% #AAA893	RGB 170 168 147	#AAA893
50.0%	50.0% #99A685	RGB 153 166 133	#99A685
66.7%	66.7% #7DA277	RGB 125 162 119	#7DA277
83.3%	83.3% #699E7A	RGB 105 158 122	#699E7A
100.0%	100.0% #5D9A8D	RGB 93 154 141	#5D9A8D

#B2B2B2 #AEA7A2 #AAA893 #99A685 #7DA277 #699E7A #5D9A8D

#B2B2B2 - #99A685 - #5D9A8D

Códigos CSS

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

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