#B5E6D4 - #4EB9A5 | 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 #B5E6D4 a #4EB9A5

#B5E6D4 #4EB9A5

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

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

0.0%	0.0% #B5E6D4	RGB 181 230 212	#B5E6D4
16.7%	16.7% #A3DECC	RGB 163 222 204	#A3DECC
33.3%	33.3% #92D7C4	RGB 146 215 196	#92D7C4
50.0%	50.0% #81CFBC	RGB 129 207 188	#81CFBC
66.7%	66.7% #70C8B4	RGB 112 200 180	#70C8B4
83.3%	83.3% #5FC0AC	RGB 95 192 172	#5FC0AC
100.0%	100.0% #4EB9A5	RGB 78 185 165	#4EB9A5

#B5E6D4 #A3DECC #92D7C4 #81CFBC #70C8B4 #5FC0AC #4EB9A5

#B5E6D4 - #4EB9A5

Mezcla HSV

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

0.0%	0.0% #B5E6D4	RGB 181 230 212	#B5E6D4
16.7%	16.7% #A1DEC9	RGB 161 222 201	#A1DEC9
33.3%	33.3% #8FD7C0	RGB 143 215 192	#8FD7C0
50.0%	50.0% #7DCFB8	RGB 125 207 184	#7DCFB8
66.7%	66.7% #6CC8B1	RGB 108 200 177	#6CC8B1
83.3%	83.3% #5CC0AA	RGB 92 192 170	#5CC0AA
100.0%	100.0% #4EB9A5	RGB 78 185 165	#4EB9A5

#B5E6D4 #A1DEC9 #8FD7C0 #7DCFB8 #6CC8B1 #5CC0AA #4EB9A5

#B5E6D4 - #7DCFB8 - #4EB9A5

Códigos CSS

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

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