#B5E6B8 - #334133 | 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 #B5E6B8 a #334133

#B5E6B8 #334133

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

#B5E6B8 - #334133 | 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 #B5E6B8 como 0% y #334133 como 100%.

0.0%	0.0% #B5E6B8	RGB 181 230 184	#B5E6B8
16.7%	16.7% #9FCAA1	RGB 159 202 161	#9FCAA1
33.3%	33.3% #89AF8B	RGB 137 175 139	#89AF8B
50.0%	50.0% #749375	RGB 116 147 117	#749375
66.7%	66.7% #5E785F	RGB 94 120 95	#5E785F
83.3%	83.3% #485C49	RGB 72 92 73	#485C49
100.0%	100.0% #334133	RGB 51 65 51	#334133

#B5E6B8 #9FCAA1 #89AF8B #749375 #5E785F #485C49 #334133

#B5E6B8 - #334133

Mezcla HSV

#B5E6B8 - #334133 | 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 #B5E6B8 como 0% y #334133 como 100%.

0.0%	0.0% #B5E6B8	RGB 181 230 184	#B5E6B8
16.7%	16.7% #9FCAA1	RGB 159 202 161	#9FCAA1
33.3%	33.3% #89AF8B	RGB 137 175 139	#89AF8B
50.0%	50.0% #739374	RGB 115 147 116	#739374
66.7%	66.7% #5E785E	RGB 94 120 94	#5E785E
83.3%	83.3% #485C48	RGB 72 92 72	#485C48
100.0%	100.0% #334133	RGB 51 65 51	#334133

#B5E6B8 #9FCAA1 #89AF8B #739374 #5E785E #485C48 #334133

#B5E6B8 - #739374 - #334133

Códigos CSS

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

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