#B5E6B8 - #E9F7EA | 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 #B5E6B8 a #E9F7EA

#B5E6B8 #E9F7EA

Calcule el color entre dos colores, #B5E6B8 y #E9F7EA. 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)

#B5E6B8 - #E9F7EA | 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 #B5E6B8 como 0% y #E9F7EA como 100%.

0.0%	0.0% #B5E6B8	RGB 181 230 184	#B5E6B8
16.7%	16.7% #BDE8C0	RGB 189 232 192	#BDE8C0
33.3%	33.3% #C6EBC8	RGB 198 235 200	#C6EBC8
50.0%	50.0% #CFEED1	RGB 207 238 209	#CFEED1
66.7%	66.7% #D7F1D9	RGB 215 241 217	#D7F1D9
83.3%	83.3% #E0F4E1	RGB 224 244 225	#E0F4E1
100.0%	100.0% #E9F7EA	RGB 233 247 234	#E9F7EA

#B5E6B8 #BDE8C0 #C6EBC8 #CFEED1 #D7F1D9 #E0F4E1 #E9F7EA

#B5E6B8 - #E9F7EA

Mezcla HSV

#B5E6B8 - #E9F7EA | 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 #B5E6B8 como 0% y #E9F7EA como 100%.

0.0%	0.0% #B5E6B8	RGB 181 230 184	#B5E6B8
16.7%	16.7% #BDE8C0	RGB 189 232 192	#BDE8C0
33.3%	33.3% #C5EBC8	RGB 197 235 200	#C5EBC8
50.0%	50.0% #CEEED0	RGB 206 238 208	#CEEED0
66.7%	66.7% #D7F1D8	RGB 215 241 216	#D7F1D8
83.3%	83.3% #DFF4E1	RGB 223 244 225	#DFF4E1
100.0%	100.0% #E9F7EA	RGB 233 247 234	#E9F7EA

#B5E6B8 #BDE8C0 #C5EBC8 #CEEED0 #D7F1D8 #DFF4E1 #E9F7EA

#B5E6B8 - #CEEED0 - #E9F7EA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E6B8 0%, #CEEED0 50%, #E9F7EA 100%);
    background: -webkit-linear-gradient(top, #B5E6B8 0%, #CEEED0 50%, #E9F7EA 100%);
    background: linear-gradient(to bottom, #B5E6B8 0%, #CEEED0 50%, #E9F7EA 100%);
}
</style>