#B5E2B5 - #E9F6E9 | 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 #B5E2B5 a #E9F6E9

#B5E2B5 #E9F6E9

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

#B5E2B5 - #E9F6E9 | 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 #B5E2B5 como 0% y #E9F6E9 como 100%.

0.0%	0.0% #B5E2B5	RGB 181 226 181	#B5E2B5
16.7%	16.7% #BDE5BD	RGB 189 229 189	#BDE5BD
33.3%	33.3% #C6E8C6	RGB 198 232 198	#C6E8C6
50.0%	50.0% #CFECCF	RGB 207 236 207	#CFECCF
66.7%	66.7% #D7EFD7	RGB 215 239 215	#D7EFD7
83.3%	83.3% #E0F2E0	RGB 224 242 224	#E0F2E0
100.0%	100.0% #E9F6E9	RGB 233 246 233	#E9F6E9

#B5E2B5 #BDE5BD #C6E8C6 #CFECCF #D7EFD7 #E0F2E0 #E9F6E9

#B5E2B5 - #E9F6E9

Mezcla HSV

#B5E2B5 - #E9F6E9 | 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 #B5E2B5 como 0% y #E9F6E9 como 100%.

0.0%	0.0% #B5E2B5	RGB 181 226 181	#B5E2B5
16.7%	16.7% #BDE5BD	RGB 189 229 189	#BDE5BD
33.3%	33.3% #C5E8C5	RGB 197 232 197	#C5E8C5
50.0%	50.0% #CEECCE	RGB 206 236 206	#CEECCE
66.7%	66.7% #D7EFD7	RGB 215 239 215	#D7EFD7
83.3%	83.3% #DFF2DF	RGB 223 242 223	#DFF2DF
100.0%	100.0% #E9F6E9	RGB 233 246 233	#E9F6E9

#B5E2B5 #BDE5BD #C5E8C5 #CEECCE #D7EFD7 #DFF2DF #E9F6E9

#B5E2B5 - #CEECCE - #E9F6E9

Códigos CSS

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

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