#767C92 - #CAB9A8 | 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 #767C92 a #CAB9A8

#767C92 #CAB9A8

Calcule el color entre dos colores, #767C92 y #CAB9A8. 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)

#767C92 - #CAB9A8 | 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 #767C92 como 0% y #CAB9A8 como 100%.

0.0%	0.0% #767C92	RGB 118 124 146	#767C92
16.7%	16.7% #848695	RGB 132 134 149	#848695
33.3%	33.3% #929099	RGB 146 144 153	#929099
50.0%	50.0% #A09A9D	RGB 160 154 157	#A09A9D
66.7%	66.7% #AEA4A0	RGB 174 164 160	#AEA4A0
83.3%	83.3% #BCAEA4	RGB 188 174 164	#BCAEA4
100.0%	100.0% #CAB9A8	RGB 202 185 168	#CAB9A8

#767C92 #848695 #929099 #A09A9D #AEA4A0 #BCAEA4 #CAB9A8

#767C92 - #CAB9A8

Mezcla HSV

#767C92 - #CAB9A8 | 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 #767C92 como 0% y #CAB9A8 como 100%.

0.0%	0.0% #767C92	RGB 118 124 146	#767C92
16.7%	16.7% #857E9B	RGB 133 126 155	#857E9B
33.3%	33.3% #9B86A4	RGB 155 134 164	#9B86A4
50.0%	50.0% #AE8EA9	RGB 174 142 169	#AE8EA9
66.7%	66.7% #B797A4	RGB 183 151 164	#B797A4
83.3%	83.3% #C0A19F	RGB 192 161 159	#C0A19F
100.0%	100.0% #CAB9A8	RGB 202 185 168	#CAB9A8

#767C92 #857E9B #9B86A4 #AE8EA9 #B797A4 #C0A19F #CAB9A8

#767C92 - #AE8EA9 - #CAB9A8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #767C92 0%, #AE8EA9 50%, #CAB9A8 100%);
    background: -webkit-linear-gradient(top, #767C92 0%, #AE8EA9 50%, #CAB9A8 100%);
    background: linear-gradient(to bottom, #767C92 0%, #AE8EA9 50%, #CAB9A8 100%);
}
</style>