#B5E5D9 - #4BB9AC | 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 #4BB9AC

#B5E5D9 #4BB9AC

Calcule el color entre dos colores, #B5E5D9 y #4BB9AC. 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 - #4BB9AC | 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 #4BB9AC 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% #91D6CA	RGB 145 214 202	#91D6CA
50.0%	50.0% #80CFC2	RGB 128 207 194	#80CFC2
66.7%	66.7% #6EC7BB	RGB 110 199 187	#6EC7BB
83.3%	83.3% #5CC0B3	RGB 92 192 179	#5CC0B3
100.0%	100.0% #4BB9AC	RGB 75 185 172	#4BB9AC

#B5E5D9 #A3DDD1 #91D6CA #80CFC2 #6EC7BB #5CC0B3 #4BB9AC

#B5E5D9 - #4BB9AC

Mezcla HSV

#B5E5D9 - #4BB9AC | 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 #4BB9AC 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% #5AC0B2	RGB 90 192 178	#5AC0B2
100.0%	100.0% #4BB9AC	RGB 75 185 172	#4BB9AC

#B5E5D9 #A0DDCF #8DD6C7 #7BCFBF #6AC7B8 #5AC0B2 #4BB9AC

#B5E5D9 - #7BCFBF - #4BB9AC

Códigos CSS

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

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