#B5EAB9 - #5DB985 | 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 #B5EAB9 a #5DB985

#B5EAB9 #5DB985

Calcule el color entre dos colores, #B5EAB9 y #5DB985. 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)

#B5EAB9 - #5DB985 | 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 #B5EAB9 como 0% y #5DB985 como 100%.

0.0%	0.0% #B5EAB9	RGB 181 234 185	#B5EAB9
16.7%	16.7% #A6E1B0	RGB 166 225 176	#A6E1B0
33.3%	33.3% #97D9A7	RGB 151 217 167	#97D9A7
50.0%	50.0% #89D19F	RGB 137 209 159	#89D19F
66.7%	66.7% #7AC996	RGB 122 201 150	#7AC996
83.3%	83.3% #6BC18D	RGB 107 193 141	#6BC18D
100.0%	100.0% #5DB985	RGB 93 185 133	#5DB985

#B5EAB9 #A6E1B0 #97D9A7 #89D19F #7AC996 #6BC18D #5DB985

#B5EAB9 - #5DB985

Mezcla HSV

#B5EAB9 - #5DB985 | 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 #B5EAB9 como 0% y #5DB985 como 100%.

0.0%	0.0% #B5EAB9	RGB 181 234 185	#B5EAB9
16.7%	16.7% #A4E1AC	RGB 164 225 172	#A4E1AC
33.3%	33.3% #94D9A2	RGB 148 217 162	#94D9A2
50.0%	50.0% #85D199	RGB 133 209 153	#85D199
66.7%	66.7% #77C991	RGB 119 201 145	#77C991
83.3%	83.3% #69C18A	RGB 105 193 138	#69C18A
100.0%	100.0% #5DB985	RGB 93 185 133	#5DB985

#B5EAB9 #A4E1AC #94D9A2 #85D199 #77C991 #69C18A #5DB985

#B5EAB9 - #85D199 - #5DB985

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5EAB9 0%, #85D199 50%, #5DB985 100%);
    background: -webkit-linear-gradient(top, #B5EAB9 0%, #85D199 50%, #5DB985 100%);
    background: linear-gradient(to bottom, #B5EAB9 0%, #85D199 50%, #5DB985 100%);
}
</style>