#B5E5D9 - #4BB9AB | 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 #B5E5D9 a #4BB9AB

#B5E5D9 #4BB9AB

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

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

0.0%	0.0% #B5E5D9	RGB 181 229 217	#B5E5D9
16.7%	16.7% #A3DDD1	RGB 163 221 209	#A3DDD1
33.3%	33.3% #91D6C9	RGB 145 214 201	#91D6C9
50.0%	50.0% #80CFC2	RGB 128 207 194	#80CFC2
66.7%	66.7% #6EC7BA	RGB 110 199 186	#6EC7BA
83.3%	83.3% #5CC0B2	RGB 92 192 178	#5CC0B2
100.0%	100.0% #4BB9AB	RGB 75 185 171	#4BB9AB

#B5E5D9 #A3DDD1 #91D6C9 #80CFC2 #6EC7BA #5CC0B2 #4BB9AB

#B5E5D9 - #4BB9AB

Mezcla HSV

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

0.0%	0.0% #B5E5D9	RGB 181 229 217	#B5E5D9
16.7%	16.7% #A0DDCF	RGB 160 221 207	#A0DDCF
33.3%	33.3% #8DD6C7	RGB 141 214 199	#8DD6C7
50.0%	50.0% #7BCFBF	RGB 123 207 191	#7BCFBF
66.7%	66.7% #6AC7B8	RGB 106 199 184	#6AC7B8
83.3%	83.3% #5AC0B1	RGB 90 192 177	#5AC0B1
100.0%	100.0% #4BB9AB	RGB 75 185 171	#4BB9AB

#B5E5D9 #A0DDCF #8DD6C7 #7BCFBF #6AC7B8 #5AC0B1 #4BB9AB

#B5E5D9 - #7BCFBF - #4BB9AB

Códigos CSS

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

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