#738F8F - #B8C696 | 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 #738F8F a #B8C696

#738F8F #B8C696

Calcule el color entre dos colores, #738F8F y #B8C696. 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)

#738F8F - #B8C696 | 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 #738F8F como 0% y #B8C696 como 100%.

0.0%	0.0% #738F8F	RGB 115 143 143	#738F8F
16.7%	16.7% #7E9890	RGB 126 152 144	#7E9890
33.3%	33.3% #8AA191	RGB 138 161 145	#8AA191
50.0%	50.0% #95AA92	RGB 149 170 146	#95AA92
66.7%	66.7% #A1B393	RGB 161 179 147	#A1B393
83.3%	83.3% #ACBC94	RGB 172 188 148	#ACBC94
100.0%	100.0% #B8C696	RGB 184 198 150	#B8C696

#738F8F #7E9890 #8AA191 #95AA92 #A1B393 #ACBC94 #B8C696

#738F8F - #B8C696

Mezcla HSV

#738F8F - #B8C696 | 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 #738F8F como 0% y #B8C696 como 100%.

0.0%	0.0% #738F8F	RGB 115 143 143	#738F8F
16.7%	16.7% #79988F	RGB 121 152 143	#79988F
33.3%	33.3% #7FA18D	RGB 127 161 141	#7FA18D
50.0%	50.0% #85AA8A	RGB 133 170 138	#85AA8A
66.7%	66.7% #90B38A	RGB 144 179 138	#90B38A
83.3%	83.3% #A3BC90	RGB 163 188 144	#A3BC90
100.0%	100.0% #B8C696	RGB 184 198 150	#B8C696

#738F8F #79988F #7FA18D #85AA8A #90B38A #A3BC90 #B8C696

#738F8F - #85AA8A - #B8C696

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #738F8F 0%, #85AA8A 50%, #B8C696 100%);
    background: -webkit-linear-gradient(top, #738F8F 0%, #85AA8A 50%, #B8C696 100%);
    background: linear-gradient(to bottom, #738F8F 0%, #85AA8A 50%, #B8C696 100%);
}
</style>