#B5E8C2 - #334237 | 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 #B5E8C2 a #334237

#B5E8C2 #334237

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

#B5E8C2 - #334237 | 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 #B5E8C2 como 0% y #334237 como 100%.

0.0%	0.0% #B5E8C2	RGB 181 232 194	#B5E8C2
16.7%	16.7% #9FCCAA	RGB 159 204 170	#9FCCAA
33.3%	33.3% #89B093	RGB 137 176 147	#89B093
50.0%	50.0% #74957C	RGB 116 149 124	#74957C
66.7%	66.7% #5E7965	RGB 94 121 101	#5E7965
83.3%	83.3% #485D4E	RGB 72 93 78	#485D4E
100.0%	100.0% #334237	RGB 51 66 55	#334237

#B5E8C2 #9FCCAA #89B093 #74957C #5E7965 #485D4E #334237

#B5E8C2 - #334237

Mezcla HSV

#B5E8C2 - #334237 | 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 #B5E8C2 como 0% y #334237 como 100%.

0.0%	0.0% #B5E8C2	RGB 181 232 194	#B5E8C2
16.7%	16.7% #9FCCAA	RGB 159 204 170	#9FCCAA
33.3%	33.3% #89B093	RGB 137 176 147	#89B093
50.0%	50.0% #73957C	RGB 115 149 124	#73957C
66.7%	66.7% #5E7965	RGB 94 121 101	#5E7965
83.3%	83.3% #485D4E	RGB 72 93 78	#485D4E
100.0%	100.0% #334237	RGB 51 66 55	#334237

#B5E8C2 #9FCCAA #89B093 #73957C #5E7965 #485D4E #334237

#B5E8C2 - #73957C - #334237

Códigos CSS

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

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