#B5E3C5 - #4EB585 | 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 #B5E3C5 a #4EB585

#B5E3C5 #4EB585

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

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

0.0%	0.0% #B5E3C5	RGB 181 227 197	#B5E3C5
16.7%	16.7% #A3DBBA	RGB 163 219 186	#A3DBBA
33.3%	33.3% #92D3AF	RGB 146 211 175	#92D3AF
50.0%	50.0% #81CCA5	RGB 129 204 165	#81CCA5
66.7%	66.7% #70C49A	RGB 112 196 154	#70C49A
83.3%	83.3% #5FBC8F	RGB 95 188 143	#5FBC8F
100.0%	100.0% #4EB585	RGB 78 181 133	#4EB585

#B5E3C5 #A3DBBA #92D3AF #81CCA5 #70C49A #5FBC8F #4EB585

#B5E3C5 - #4EB585

Mezcla HSV

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

0.0%	0.0% #B5E3C5	RGB 181 227 197	#B5E3C5
16.7%	16.7% #A1DBB7	RGB 161 219 183	#A1DBB7
33.3%	33.3% #8ED3AB	RGB 142 211 171	#8ED3AB
50.0%	50.0% #7DCC9F	RGB 125 204 159	#7DCC9F
66.7%	66.7% #6CC495	RGB 108 196 149	#6CC495
83.3%	83.3% #5CBC8D	RGB 92 188 141	#5CBC8D
100.0%	100.0% #4EB585	RGB 78 181 133	#4EB585

#B5E3C5 #A1DBB7 #8ED3AB #7DCC9F #6CC495 #5CBC8D #4EB585

#B5E3C5 - #7DCC9F - #4EB585

Códigos CSS

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

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