#B5E4B9 - #E9F7EB | 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 #B5E4B9 a #E9F7EB

#B5E4B9 #E9F7EB

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

#B5E4B9 - #E9F7EB | 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 #B5E4B9 como 0% y #E9F7EB como 100%.

0.0%	0.0% #B5E4B9	RGB 181 228 185	#B5E4B9
16.7%	16.7% #BDE7C1	RGB 189 231 193	#BDE7C1
33.3%	33.3% #C6EAC9	RGB 198 234 201	#C6EAC9
50.0%	50.0% #CFEDD2	RGB 207 237 210	#CFEDD2
66.7%	66.7% #D7F0DA	RGB 215 240 218	#D7F0DA
83.3%	83.3% #E0F3E2	RGB 224 243 226	#E0F3E2
100.0%	100.0% #E9F7EB	RGB 233 247 235	#E9F7EB

#B5E4B9 #BDE7C1 #C6EAC9 #CFEDD2 #D7F0DA #E0F3E2 #E9F7EB

#B5E4B9 - #E9F7EB

Mezcla HSV

#B5E4B9 - #E9F7EB | 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 #B5E4B9 como 0% y #E9F7EB como 100%.

0.0%	0.0% #B5E4B9	RGB 181 228 185	#B5E4B9
16.7%	16.7% #BDE7C1	RGB 189 231 193	#BDE7C1
33.3%	33.3% #C5EAC9	RGB 197 234 201	#C5EAC9
50.0%	50.0% #CEEDD1	RGB 206 237 209	#CEEDD1
66.7%	66.7% #D7F0DA	RGB 215 240 218	#D7F0DA
83.3%	83.3% #DFF3E2	RGB 223 243 226	#DFF3E2
100.0%	100.0% #E9F7EB	RGB 233 247 235	#E9F7EB

#B5E4B9 #BDE7C1 #C5EAC9 #CEEDD1 #D7F0DA #DFF3E2 #E9F7EB

#B5E4B9 - #CEEDD1 - #E9F7EB

Códigos CSS

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

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