#B5E5E3 - #334140 | 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 #B5E5E3 a #334140

#B5E5E3 #334140

Calcule el color entre dos colores, #B5E5E3 y #334140. 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)

#B5E5E3 - #334140 | 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 #B5E5E3 como 0% y #334140 como 100%.

0.0%	0.0% #B5E5E3	RGB 181 229 227	#B5E5E3
16.7%	16.7% #9FC9C7	RGB 159 201 199	#9FC9C7
33.3%	33.3% #89AEAC	RGB 137 174 172	#89AEAC
50.0%	50.0% #749391	RGB 116 147 145	#749391
66.7%	66.7% #5E7776	RGB 94 119 118	#5E7776
83.3%	83.3% #485C5B	RGB 72 92 91	#485C5B
100.0%	100.0% #334140	RGB 51 65 64	#334140

#B5E5E3 #9FC9C7 #89AEAC #749391 #5E7776 #485C5B #334140

#B5E5E3 - #334140

Mezcla HSV

#B5E5E3 - #334140 | 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 #B5E5E3 como 0% y #334140 como 100%.

0.0%	0.0% #B5E5E3	RGB 181 229 227	#B5E5E3
16.7%	16.7% #9FC9C7	RGB 159 201 199	#9FC9C7
33.3%	33.3% #89AEAC	RGB 137 174 172	#89AEAC
50.0%	50.0% #739391	RGB 115 147 145	#739391
66.7%	66.7% #5E7776	RGB 94 119 118	#5E7776
83.3%	83.3% #485C5B	RGB 72 92 91	#485C5B
100.0%	100.0% #334140	RGB 51 65 64	#334140

#B5E5E3 #9FC9C7 #89AEAC #739391 #5E7776 #485C5B #334140

#B5E5E3 - #739391 - #334140

Códigos CSS

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

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