#B5E7D9 - #4ABCAC | 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 #B5E7D9 a #4ABCAC

#B5E7D9 #4ABCAC

Calcule el color entre dos colores, #B5E7D9 y #4ABCAC. 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)

#B5E7D9 - #4ABCAC | 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 #B5E7D9 como 0% y #4ABCAC como 100%.

0.0%	0.0% #B5E7D9	RGB 181 231 217	#B5E7D9
16.7%	16.7% #A3DFD1	RGB 163 223 209	#A3DFD1
33.3%	33.3% #91D8CA	RGB 145 216 202	#91D8CA
50.0%	50.0% #7FD1C2	RGB 127 209 194	#7FD1C2
66.7%	66.7% #6DCABB	RGB 109 202 187	#6DCABB
83.3%	83.3% #5BC3B3	RGB 91 195 179	#5BC3B3
100.0%	100.0% #4ABCAC	RGB 74 188 172	#4ABCAC

#B5E7D9 #A3DFD1 #91D8CA #7FD1C2 #6DCABB #5BC3B3 #4ABCAC

#B5E7D9 - #4ABCAC

Mezcla HSV

#B5E7D9 - #4ABCAC | 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 #B5E7D9 como 0% y #4ABCAC como 100%.

0.0%	0.0% #B5E7D9	RGB 181 231 217	#B5E7D9
16.7%	16.7% #A0DFCF	RGB 160 223 207	#A0DFCF
33.3%	33.3% #8DD8C7	RGB 141 216 199	#8DD8C7
50.0%	50.0% #7BD1BF	RGB 123 209 191	#7BD1BF
66.7%	66.7% #69CAB8	RGB 105 202 184	#69CAB8
83.3%	83.3% #59C3B1	RGB 89 195 177	#59C3B1
100.0%	100.0% #4ABCAC	RGB 74 188 172	#4ABCAC

#B5E7D9 #A0DFCF #8DD8C7 #7BD1BF #69CAB8 #59C3B1 #4ABCAC

#B5E7D9 - #7BD1BF - #4ABCAC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E7D9 0%, #7BD1BF 50%, #4ABCAC 100%);
    background: -webkit-linear-gradient(top, #B5E7D9 0%, #7BD1BF 50%, #4ABCAC 100%);
    background: linear-gradient(to bottom, #B5E7D9 0%, #7BD1BF 50%, #4ABCAC 100%);
}
</style>